Dans cette vidéo CSS, nous allons voir ensemble comment créer un background avec un dégradé animé.
Dans ce tuto créer un dégradé animé en CSS :
- Découverte du fichier .HTML de départ
- Reset CSS sur le body
- Création du dégradé fixe
- Styliser la balise H1
- Centrer verticalement & horizontalement le H1 dans la page
- Animer le dégradé
- Jouer sur la vitesse pour avoir un effet différent
- Modifier le background position pour obtenir des bandes ou un quadrillage
Vous trouverez les fichiers de départ & finaux dans les sources fournies avec le tutoriel.
Je reste bien évidemment disponible dans le salon d'entraide si vous avez des questions pendant ou après le visionnage.
Bon tuto !
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Simple, rapide et efficace merci pour ce tuto !
-
Merci Adrien pour ce tuto, très sympa !!!
-
Petit Tuto très appréciable pour apprendre à coder une animation très visuel et symptique. Je l'ai utilisé pour l'appliqué sur une image en background.
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés