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
Sous-titres non disponibles
1h30
de formation
22
leçons vidéo
8
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

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

4.8/5 Trustpilot (1399 avis) Satisfait ou remboursé
1h30
de formation
22
leçons vidéo
8
chapitres

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

Table des matières

Chapitre 1 : Les effets

14m33
 
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

05m53
 
Leçon 1Déclarer les propriétés liées aux effets

Chapitre 3 : Mise en page

18m39
 
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

02m49
 
Leçon 1Déclarer les propriétés liées à la mise en page

Chapitre 5 : Les événements

07m36
 
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

03m03
 
Leçon 1Déclarer les propriétés liées à la mise en page

Chapitre 7 : Exercice d'application

37m01
 
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

01m21
 
Leçon 1Conclusion

Vos questions sur le cours

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
18,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h30 de vidéo • 8 chapitres
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 791 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 1426 tutos gratuits

Notre politique de protection des données