scaleZ() CSS fonction

Définition de la CSS scaleZ().

La fonction d'Echelle CSS scaleZ() de la propriété de Transformation CSS transform permet d'agrandir l'échelle ou de réduire d'échelle d'un élément HTML dans le cadre d'un contexte 3D sur l'axe Z.

Exemple de syntaxe CSS scaleZ() :

transform : scaleZ(2); /* Agrandissement */
// identique à transform : scaleZ(2, 1);
transform : scaleZ(1);   /* Pas de changement d'échelle */
transform : scaleZ(0.5); /* Réduction */

La fonction d'Echelle CSS scaleZ(Z) accepte comme argument d'échelle :

Z : nombre représentant le coefficient de dilatation de la longueur (width).
Si la valeur de Z est égale à 1 c'est la taille d'origine.
Si la valeur de Z est inférieure à 1, alors il y a une réduction d'échelle.
Si la valeur de Z est supérieure à 1, alors il y a un agrandissement d'échelle.

Exemple de code scaleZ() CSS

Conditions d'application de la CSS scaleZ().

La fonction d'Echelle CSS scaleZ() 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).

La valeur de la CSS scaleZ() peut être mise directement dans la fonction de raccourci CSS scale3d().

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

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

Conditions d'animation de scaleZ() en CSS3.

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

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

Règles de syntaxes CSS pour scaleZ().

Equivalence de scaleX() avec la fonction d'Echelle scale3d()

Utiliser la fonction d'Echelle CSS scaleZ() revient utiliser la fonction d'Echelle CSS scale3d() ci-dessous :

Equivalence CSS scaleZ()/scale3d() :

transform : scaleZ(2);
transform : scale3d(1, 1, 2);

Compatibilités navigateurs de la fonction scaleZ()

Détails des versions de la CSS scaleZ(): Fonction scaleZ() est compatible avec CSS3 et plus.

Résumé du support navigateurs de la CSS scaleZ(): Fonction CSS scaleZ() est compatible à partir de Chrome 12; Fonction CSS scaleZ() est compatible à partir de Firefox 10; Fonction CSS scaleZ() est compatible à partir de Internet Explorer 10; Fonction CSS scaleZ() est compatible à partir de Opera 15; Fonction CSS scaleZ() est compatible à partir de Safari 4; Fonction CSS scaleZ() est compatible à partir de Android Browser 3; Fonction CSS scaleZ() est compatible à partir de Internet Explorer mobile 1

Votre avis sur la définition scaleZ() en CSS

Votez pour la définition CSS `scaleZ()`

Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.

Définitions annexes à la Css scaleZ()

Définitions CSS annexes scaleZ()

-moz-transform: La propriété de Transformation CSS -MOZ-TRANSFORM permet de spécifier les transformations 2D et 3D à appliquer à un élément HTML.Exemple d'écriture CS...[ -moz-transform ]
-ms-transform: La propriété de Transformation CSS -MS-TRANSFORM permet de spécifier les transformations 2D à appliquer sur un élément HTML. Exemple d'écriture CSS de...[ -ms-transform ]
-webkit-transform: La propriété de Transformation CSS -WEBKIT-TRANSFORM permet de spécifier les transformations 2D ou 3D à appliquer à un élément HTML. Exemple d'écritur...[ -webkit-transform ]
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 H...[ scale3d() ]
transform: La propriété de Transformation CSS TRANSFORM permet de spécifier le type de transformation 2d ou 3d à appliquer sur un élément HTML.Exemple d'écriture...[ transform ]
transition-property: La propriété de Transition CSS TRANSITION-PROPERTY permet de spécifier les propriétés CSS qui doivent être transformées au moment du changement de leu...[ transition-property ]
width: La propriété de Longueur CSS WIDTH permet de spécifier la longueur de la zone de contenu d'un élément (X)HTML dit de type block. Exemple d'écriture CS...[ width ]