Comment créer des arrières plans animés facilement en HTML CSS
Coucou, dans cette vidéo vous apprendrez à créer et à animer facilement des arrières plans en HTML CSS. Pour réaliser ces effets nous utiliserons les propriétés linear-gradient et radial-gradient d'une manière un peu détournée (combiné à la propriété animation).
La documentation de linear-gradient
https://developer.mozilla.org/fr/docs/Web/CSS/linear-gradient()
La documentation de radial-gradient
https://developer.mozilla.org/fr/docs/Web/CSS/radial-gradient()
Le code source complet de la vidéo
https://github.com/wass08/animated-backgrounds
Démo des différents effets
https://www.wawasensei.dev/tutos/animated-backgrounds/epilepsie/
https://www.wawasensei.dev/tutos/animated-backgrounds/two-dots/
https://www.wawasensei.dev/tutos/animated-backgrounds/waltz/
https://www.wawasensei.dev/tutos/animated-backgrounds/stripes/
https://www.wawasensei.dev/tutos/animated-backgrounds/diagonals/
https://www.wawasensei.dev/tutos/animated-backgrounds/triangles-cut/
Need help with this tutorial? Join our Discord community!