Définition de la CSS scaleX().
La fonction d'Echelle CSS scaleX() de la propriété de Transformation CSS transform permet d'agrandir l'échelle ou de réduire d'échelle de la longueur d'un élément HTML.
scaleX() :transform : scaleX(2); /* Agrandissement */
// identique à transform : scale(2, 1);
transform : scaleX(1); /* Pas de changement d'échelle */
transform : scaleX(0.5); /* Réduction */scaleX(X) accepte comme argument d'échelle :- X : nombre représentant le coefficient de dilatation de la longueur (
width). - Si la valeur de X est égale à 1 c'est la taille d'origine.
- Si la valeur de X est inférieure à 1, alors il y a une réduction d'échelle.
- Si la valeur de X est supérieure à 1, alors il y a un agrandissement d'échelle.
Testez en direct le changement d'échelle horizontal avec la fonction scaleX() CSS.
Conditions d'application de la CSS scaleX().
La fonction d'Echelle CSS scaleX() est applicable avec la propriété de Transformation CSS transform et avec ses propriétés de Transformation CSS préfixées (-moz-transform, -webkit-transform, -ms-transform).
La valeur de la CSS scaleX() peut être mise directement dans la fonction de raccourci CSS scale() ou scale3d().
Problème d'interprétation de scaleX() en Css.
La propriété de Transformation CSS transform n'est reconnue par certains navigateurs.
Conditions d'animation de scaleX() en CSS3.
Mettez transform comme valeur de la propriété de Transformation CSS transition-property.
La CSS scaleX() 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 scaleX().
Equivalence de scaleX() avec les autres fonctions de Transformation CSS
Equivalence de la CSS scaleX() avec la CSS matrix() :
Utiliser la fonction CSS scaleX() revient utiliser la fonction de Matrice CSS matrix() ci-dessous :
transform : matrix(echelleX, 0, 0, 1, 0, 0);Valeur à remplacer :
- echelleX : valeur du coefficient d'agrandissement ou de réduction horizontal.
Equivalence de la CSS scaleX() avec la CSS scale3d() :
Utiliser la fonction d'Echelle CSS scaleX() revient utiliser la fonction d'Echelle CSS scale3d() ci-dessous :
transform : scaleX(2);
transform : scale3d( 2,1, 1);Compatibilités navigateurs de la fonction scaleX()
- Détails des versions de la CSS scaleX()
- Fonction
scaleX()est compatible avec CSS3 et plus.
Votre avis sur la définition scaleX() en CSS
Votez pour la définition CSS scaleX()
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4 / 5 - 7
votes
Cliquez sur une étoile pour voter.