Créer un Background avec un DÉGRADÉ ANIMÉ en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Créer un Background avec un DÉGRADÉ ANIMÉ en CSS

Adrien Gazaix
Promo -50% Jusqu'au 18 juin, 09:00
1,00€2,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Background avec dégradé animé en CSS

Plan détaillé du cours

Leçon 1Background avec dégradé animé en CSS
14m48s

Aperçus

Avis des apprenants

Détail des avis
69
Apprenants
9
Commentaires
5/5
Note moyenne
5/5
9
4/5
0
3/5
0
2/5
0
1/5
0
Cédric Marniquet
Cédric Marniquet
Publié le 14/09/2020
Simple, rapide et efficace merci pour ce tuto !
Greg Cadoux
Greg Cadoux
Publié le 18/03/2020
Merci Adrien pour ce tuto, très sympa !!!
Jonathan Falck
Jonathan Falck
Publié le 01/03/2020
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.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 1,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1362 tutos gratuits

Notre politique de protection des données