Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS 3 avancé (Transformation (Propriétés relatives aux transformations (…
CSS 3 avancé
Transition
-
:!:Remarque
il est recommander au navigateurs web d'utiliser des propriétés qui leur permet d'ajouter des fonctionnalités du CSS3-o-:opera,-webkit-:chrome et safari
Définition:
La Transition est une propriété qui permet de modifier un objet en changeant la valeur des ses propriétés CSS de façon fluide et selon une durée qu'on précisera.
il existe 4 propriétés CSS relatives aux transitions
Animations
-
-
Définition: l'animation permet de changer le style d'un élément HTML sans changement de son état et autant de fois désirés.
L'animation est regroupée dans une régle CSS keyframes.
Transformation
Definition:
La propriété transform modifie l'espace de coordonnées utilisé pour la mise en forme visuelle. Grâce à cette propriété, il est possible de translater les éléments, de les incliner et pivoter.
-
Synstaxe:
transform : type_de_transformation(valeur);
ou
transform : type_de_transformation(valeur),type_de_transformation(valeur)
:!:Remarque
Chaque transformation possède un mot-clé générique et une variante qui précise l'axe de
transformation avec X, Y ou Z
La règle keyframes permet aux auteurs de définir les étapes qui composent la séquence d'une animation CSS.
les animations permettent de préciser une valeur de départ et une valeur d'arrivée pour les propriétés, elle démarre toute seule et peut faire une pause
-