scale3d() CSS fonction

Définition de la CSS scale3d().

La fonction d'Echelle CSS scale3d() de la propriété de Transformation CSS transform permet d'agrandir l'échelle ou de réduire l'échelle d'un élément HTML dans un contexte 3D sur les trois axes de perspective.

transform : scale3d(1.6, 1.5, 2); /* Agrandissement */
transform : scale3d(2, 1, 1); /* Agrandissement */
// identique à transform : scaleX(2);
transform : scale3d(1, 2, 1); /* Agrandissement */
// identique à transform : scaleY(2);
transform : scale3d(1, 1, 2); /* Agrandissement */
// identique à transform : scaleZ(2);
transform : scale3d(1, 1, 1);   /* Pas de changement d'échelle */
transform : scale3d(0.5, 0.6, 0.7); /* Réduction */

• X : nombre représentant le coefficient de dilatation sur l'axe de perspective 3D X.
• Y : nombre représentant le coefficient de dilatation sur l'axe de perspective 3D Y.
• Z : nombre représentant le coefficient de dilatation sur l'axe de perspective 3D Z.
• Si la valeur du nombre est égale à 1 c'est la taille d'origine.
  Si la valeur du nombre est inférieure à 1, alors il y a une réduction d'échelle.
  Si la valeur du nombre est supérieure à 1, alors il y a un agrandissement d'échelle.

Exemple de code scale3d() CSS

Conditions d'application de la CSS scale3d().

La fonction d'Echelle CSS scale3d() est applicable avec la propriété de Transformation CSS transform et avec ses propriétés de Transformation préfixées (-moz-transform, -webkit-transform, -ms-transform).

Problème d'interprétation de scale3d() en Css.

La propriété de Transformation CSS transform n'est reconnue par certains navigateurs.

Conditions d'animation de scale3d() en CSS3.

Mettez transform comme valeur de la propriété de Transformation CSS transition-property.

La CSS scale3d() est une fonction de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.