Animation du header sans programmation
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Animation du header sans programmation

Carl Brison
Promo -30% Jusqu'au 04 février, 23:59
4,19€5,99€
Acheter maintenant, payer plus tard. En savoir plus

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
03m56
Leçon 2Mise en place du code CSS 1/2
08m47
Leçon 3Mise en place du code CSS 2/2
09m54
Leçon 4Mise en place du fonctionnement de l'animation
04m13
Leçon 5Conclusion
01m20

Aperçus

Avis des apprenants

Détail des avis
98
Apprenants
12
Commentaires
5/5
Note moyenne
5/5
12
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 02/01/2025
Ces petits effets sur une image, donne toujours un style à un site
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
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 ;-)))

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

Payer plus tard

Prix d'achat : 4,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 1441 tutos gratuits

Notre politique de protection des données