Animation du header sans programmation
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
28m10
de formation
5
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Animation du header sans programmation

4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
28m10
de formation
5
leçons vidéo
1
chapitre

Dans ce tuto vidéo, je vais vous montrer comment il est possible de réaliser une petite animation à l'intérieur d'un header en zoomant une image de fond, sans utiliser de langage de programmation tels que le JavaScript ou bien jQuery.

Si vous êtes allergique à la programmation, alors ça tombe plutôt bien ! Ici, nous allons apprendre à réaliser une animation sur bouton de navigation uniquement avec du code CSS.

Je mets à votre disposition, l'ensemble des codes de ce tutoriel. Et je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 

Bon tuto ! 
 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du code HTML
Leçon 2
Mise en place du code CSS 1/2
Leçon 3
Mise en place du code CSS 2/2
Leçon 4
Mise en place du fonctionnement de l'animation
Leçon 5
Conclusion

Table des matières

Leçon 1

Mise en place du code HTML

03m56
Leçon 2

Mise en place du code CSS 1/2

08m47
Leçon 3

Mise en place du code CSS 2/2

09m54
Leçon 4

Mise en place du fonctionnement de l'animation

04m13
Leçon 5

Conclusion

01m20

Aperçus

Avis des apprenants

Détail des avis
122
Apprenants
15
Commentaires
5/5
Note moyenne
5/5
15
4/5
0
3/5
0
2/5
0
1/5
0
Fred Andenas
Fred Andenas
Publié le 22/02/2026
l'animation dynamique sur fond d'opacité est top !! je l'enregistre bien pour des projets futurs
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
Simon Costa
Simon Costa
Publié le 04/08/2025
Super cours comme toujours, mon code n'est pas identique mais le résultat est le même . Je me suis sans doute compliqué la vie.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Arnaud Drapier
Arnaud Drapier
Publié le 30/01/2025
Merci Carl pour votre excellent cours
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

Que contient le fichier source ?

Les codes du tuto

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
5,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
28m10 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 754 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1421 tutos gratuits

Notre politique de protection des données