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