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/
WawaSensei 2023 © All Rights Reserved
Schedule your content on social media with FeedIQ
