CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Guide Complet sur les Transformations en CSS

Guide Complet sur les Transformations en CSS

Les propriétés de transformation
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
89,00€ 44,50€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
89,00€ 44,50€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les Fonctions de Transformation en CSS

Objectifs

Cette vidéo vise à:
- Comprendre l'utilisation des transformations CSS telles que la rotation, la translation, l'échelle et l'inclinaison.
- Apprendre à utiliser la propriété transform-origin pour changer le point d'origine des éléments.
- Savoir combiner plusieurs transformations pour réaliser des animations complexes.

Résumé

Explorez les transformations CSS qui permettent de manipuler les éléments HTML sur les axes X et Y à travers des fonctions prédéfinies comme la rotation, la translation, la mise à l'échelle, et l'inclinaison.

Description

Dans cette leçon, nous plongeons dans l'utilisation des transformations CSS pour manipuler les éléments HTML en deux dimensions. Vous apprendrez à utiliser la propriété transform en combinant diverses fonctions telles que la rotation, la translation, la mise à l'échelle et l'inclinaison. Chaque fonction est expliquée avec des exemples pratiques qui montrent comment ces transformations affectent les éléments sur les axes X et Y. Nous démontrons aussi l'importance de l'ordre des transformations et comment cela impacte l'animation de l'élément. La propriété transform-origin est également abordée pour changer le point d'origine des transformations. En suivant cette leçon, vous serez capable de créer des animations plus complexes et visuellement attractives en combinant plusieurs transformations.

Voir plus

Questions fréquentes

Quels types de transformations CSS avez-vous appris dans cette vidéo?
Dans cette vidéo, nous avons appris les transformations CSS telles que la rotation, la translation, la mise à l'échelle et l'inclinaison.
Comment utilise-t-on la propriété transform-origin?
La propriété transform-origin permet de changer le point d'origine des transformations. Par défaut, ce point est centré sur l'élément (50% 50%), mais il peut être déplacé vers n'importe quel point de l'élément en spécifiant les valeurs des axes X et Y.
Pourquoi l'ordre des transformations est-il important?
L'ordre des transformations est important car chaque transformation affecte la position et l'apparence de l'élément de manière séquentielle. Par exemple, effectuer une translation avant une rotation produit un effet différent d'une rotation avant une translation.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 11 mois
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !