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/