Tailwind CSS #5/5. Les effets CSS sur les éléments HTML
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Tailwind CSS #5/5. Les effets CSS sur les éléments HTML

Carl Brison
19,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Pour ce dernier volet dédié à l'apprentissage de Tailwind CSS, nous apprendrons à utiliser les effets, les événements, les pseudo-classes et les pseudo-éléments dans Tailwind CSS.

Nous verrons comment ajouter des animations, des interactions et des comportements complexes à nos projets.

À la fin de ce cours, vous serez en mesure de :

  • Attacher des événements aux éléments pour réagir aux interactions de l'utilisateur.
  • Utiliser les pseudo-classes et les pseudo-éléments pour cibler des éléments spécifiques.

Ce cours vidéo est divisé en modules courts et faciles à suivre.
Chaque module comprend des vidéos faciles à comprendre et à mettre en place.
Nous terminerons également d'enrichir notre documentation.

À la fin de ce tuto, nous réaliserons un exercice d'application concret où je vous montrerais comment j'utilise Tailwind CSS.

Je mets les codes de l'exercice à votre disposition.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Les effets
Chapitre 2
Créer notre documentation
Chapitre 3
Mise en page
Chapitre 4
Créer notre documentation
Chapitre 5
Les événements
Chapitre 6
Créer notre documentation
Chapitre 7
Exercice d'application

Plan détaillé du cours

Chapitre 1 : Les effets
14m33s
 
Leçon 1Définir une ombre portée
Leçon 2Définir une opacité
Leçon 3Modifier la mise à l'échelle
Leçon 4Effectuer une rotation
Chapitre 2 : Créer notre documentation
05m53s
 
Leçon 1Déclarer les propriétés liées aux effets
Chapitre 3 : Mise en page
18m39s
 
Leçon 1La propriété visibility
Leçon 2La position absolute
Leçon 3La position fixed
Leçon 4La position sticky
Leçon 5La propriété float
Chapitre 4 : Créer notre documentation
02m49s
 
Leçon 1Déclarer les propriétés liées à la mise en page
Chapitre 5 : Les événements
07m36s
 
Leçon 1Modifier le pointeur de la souris
Leçon 2La pseudo classe hover
Leçon 3La pseudo classe focus
Leçon 4Le pseudo élément placeholder
Chapitre 6 : Créer notre documentation
03m03s
 
Leçon 1Déclarer les propriétés liées à la mise en page
Chapitre 7 : Exercice d'application
37m01s
 
Leçon 1Présentation du job
Leçon 2Ecrire le code HTML
Leçon 3Mettre en place les bases CSS
Leçon 4Mettre en forme la zone Nav
Leçon 5Mettre en forme le formulaire
Chapitre 8 : Conclusion de la formation
01m21s
 
Leçon 1Conclusion

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1333 tutos gratuits

Notre politique de protection des données