Animation du header sans programmation
ERROR
00:00
00:00

TUTO Animation du header sans programmation

Carl Brison
6,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Mise en place du code HTML
03m56s
Leçon 2Mise en place du code CSS 1/2
08m47s
Leçon 3Mise en place du code CSS 2/2
09m54s
Leçon 4Mise en place du fonctionnement de l'animation
04m13s
Leçon 5Conclusion
01m20s

Aperçus

Avis des apprenants

Détail des avis
21
Apprenants
11
Commentaires
5/5
Note moyenne
5/5
11
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 07/09/2023
Merci Carl, vraiment agréable cette animation sur fond opacity, je le garde précieusement pour des prochains projets. Très bien expliqué. Validé 100% animation_header
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
Apprenti-Sorcier
Apprenti-Sorcier
Publié le 10/01/2023
UnSuperGrandMERCI: "infinite";
Carl Brison
Carl Brison
Merci beaucoup ;-)))
Dehousse Marcel
Dehousse Marcel
Publié le 25/05/2022
Merci pour ce tuto. J'ai commencé un nouveau projet, avec une vidéo intégrée au header. Je viens de la remplacer avec une image, gain de poids de plusieurs méga. En tout cas vos tutos sont toujours claires et bien expliqués. Joli Travail.
Carl Brison
Carl Brison
Merci beaucoup. Votre commentaire me fait vraiment plaisir ;-)

Vos questions sur le cours

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

CSS 3

Que contient le fichier source ?

Les codes du tuto

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données