Dans ce tuto CSS3 gratuit vous apprendrez à réaliser un cube 3D en HTML et CSS3 avant de l'animer grâce aux nouvelles fonctionnalité du CSS3. Ce petit exercice sera, pour les débutants, l'occasion de s'initier à l'intégration web en utilisant certaines des principales balises, d'apprendre à structurer vos projets et de comprendre la logique de programmation. Au programme :
- Les balises div, les ID et les Class
- L'architecture CSS imbriqué directement dans une page HTML (balise style)
- Diverses balises CSS afin de réaliser le cube et de le placer du mieux possible.
- Les balises d'animation en CSS et de 3D
- Etc.
Si vous avez besoin d'aide ou d'approfondir certaines notions, n"hésitez pas à me contacter sur le salon d'entraide accessible depuis votre compte.
Table des matières de cette formation CSS, HTML (durée : 49m23s)
-
- Introduction gratuit 00:01:56
- Architecture HTML 00:08:25
- Positionnement et 3D en CSS 00:16:42
- Création du cube en CSS 00:09:49
- Animation du cube en CSS 00:09:31
- Correction bug mozilla 00:03:00
- Fichiers sourcestélécharger
- Certificat
Formateur : Olivier Krakus
-
Tuto très bien commenté
-
Merci pour ce tuto, comme les autres juste penser à grossir le texte durant la vidéo sinon c'est nickel.
-
C'est formidable de savoir mettre des animations avec css3
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS 3, Sublime Text 2, HTML 5
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés