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, nous allons apprendre à animer une rotation 3D d'un élément de formulaire grâce à CSS.
Ce tutoriel, n'aborde pas l'aspect dynamique (PHP) du formulaire. Il se focalise uniquement sur l'intégration de ce dernier grâce au CSS.
Les propriétés utilisées et expliquées dans ce cours CSS :
- box-sizing
- box-shadow
- transform
- backface-visibility
- transition
- perspective
- transform-style
- Et aussi le sélecteur "+"
Je reste disponible pour répondre à vos éventuelles questions. Un petit QCM de fin est fourni et vous permettra de valider vos nouvelles connaissances.
Bon code et bon visionnage !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Présentation
Présentation
Leçon 2
1 - Préparation
1 - Préparation
Leçon 3
2 - HTML
2 - HTML
Leçon 4
3 - CSS - mise en place
3 - CSS - mise en place
Leçon 5
4 - CSS - les conteneurs
4 - CSS - les conteneurs
Leçon 6
5 - CSS - éléments formulaire
5 - CSS - éléments formulaire
Leçon 7
6 - CSS - la class .tab
6 - CSS - la class .tab
Plan détaillé du cours
Leçon 1Présentation
01m03
Leçon 21 - Préparation
01m53
Leçon 32 - HTML
03m43
Leçon 43 - CSS - mise en place
04m50
Leçon 54 - CSS - les conteneurs
05m25
Leçon 65 - CSS - éléments formulaire
05m52
Leçon 76 - CSS - la class .tab
09m08
Leçon 87 - CSS - animation du formulaire
07m12
Aperçus
Avis des apprenants