Comment utiliser l'attribut CSS transform-origin

Définition et utilisation

L'attribut transform-origin vous permet de changer la position de l'élément en cours de transformation.

Les éléments de transformation 2D peuvent modifier les axes x et y de l'élément. Les éléments de transformation 3D peuvent également modifier leur axe Z.

Remarque : cet attribut doit être utilisé avec l'attribut transform.

Instance

Définir la position du point de base de l'élément pivoté :

div
{
transform: rotate(45deg);
transform-origin:20% 40%;

-ms-transform: rotate(45deg); 		/* IE 9 */
-ms-transform-origin:20% 40%; 		/* IE 9 */

-webkit-transform: rotate(45deg);	/* Safari 和 Chrome */
-webkit-transform-origin:20% 40%;	/* Safari 和 Chrome */

-moz-transform: rotate(45deg);		/* Firefox */
-moz-transform-origin:20% 40%;		/* Firefox */

-o-transform: rotate(45deg);		/* Opera */
-o-transform-origin:20% 40%;		/* Opera */
}

Syntaxe

transform-origin: x-axis y-axis z-axis;

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!