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 !
Table des matières de cette formation CSS (durée : 39m06s)
-
- Présentation gratuit 00:01:03
- 1 - Préparation 00:01:53
- 2 - HTML 00:03:43
- 3 - CSS - mise en place 00:04:50
- 4 - CSS - les conteneurs 00:05:25
- 5 - CSS - éléments formulaire 00:05:52
- 6 - CSS - la class .tab 00:09:08
- 7 - CSS - animation du formulaire 00:07:12
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Stéphane Betaille
-
Merci pour ce code, très apprécié
-
Contenu copieux, qui méritera, pour moi du moins, quelques heures pour être digéré. Une mine d'informations sur un exemple très concret dont l'auteur nous propose le résultat final et une forme plus épurée pour se faire la main. Rapport contenu/prix, rien à redire. J'ai personellement beaucoup appris.
-
Très bon tuto ! j'ai appris pas mal de nouvelles fonctionnalités que je ne connaissais pas ... mais j'ajouterai un bémol sur le HTML car il n'est pas enseignée dans sa spécificité ce qui est bien dommage compte tenu du bon niveau du formateur, un éclairage sur l' HTML aurais compléter la formation à 100 % c'est pour cette raison que je ne mets que 4 étoiles .
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés