Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
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
Mise en place du code HTML
Leçon 2
Mise en place du code CSS 1/2
Mise en place du code CSS 1/2
Leçon 3
Mise en place du code CSS 2/2
Mise en place du code CSS 2/2
Leçon 4
Mise en place du fonctionnement de l'animation
Mise en place du fonctionnement de l'animation
Leçon 5
Conclusion
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