Introduction aux transformations CSS3
Objectifs
Les objectifs de cette vidéo sont de :
— Comprendre et utiliser les différentes propriétés de transformations CSS3.
— Appliquer les concepts de translation, redimensionnement, déformation et rotation.
— Réaliser une mise en page pratique avec des exemples concrets.
Résumé
Découvrez comment utiliser les transformations CSS3 pour modifier l'apparence des éléments sur une page web, y compris les rotations, les déformations et les translations.
Description
Cette leçon porte sur une propriété relativement importante de CSS3 : les transformations. Les transformations permettent de modifier visuellement les éléments HTML, en les faisant tourner, agrandir ou déformer. Nous enseignons comment utiliser les différentes fonctions de transformation comme translate, scale, skew, et rotate. Par exemple, nous montrerons comment déplacer un élément à l'aide de la fonction translate, le redimensionner avec scale, et le déformer avec skew. Nous explorons également comment appliquer ces transformations en ajoutant les préfixes pour la compatibilité entre navigateurs.
Nous aborderons également une mise en pratique avec la création d'une page de photos style polaroïd, en utilisant les techniques de transformations vues précédemment. Cette section inclura la manipulation des images et des textes pour générer un effet de rotation et de déformation, le tout en CSS3.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - LES FONDAMENTAUX ET TECHNIQUES AVANCEES DU HTML/XHTML
Module 3 - LES BASES DU HTML5 et les propriétés CSS3 courantes
Module 4 - HTML5 : Les nouvelles et autres balises html5
Module 5 - ANNEXES
Module 6 - Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
Module 7 - Les nouveaux API du HTML5 (javascript)
Module 8 - Conclusion
