Cours optionnel

Recommandation de cours :

Fonction scaleY() CSS scaleY() Définition et utilisation de CSS

scaleY() La fonction est utilisée pour agrandir verticalement les éléments.

scaleY() La fonction est utilisée pour augmenter ou diminuer la hauteur de l'élément. transform utilisé dans les attributs.

Exemple

Exemple 1

Utilisez scaleY() Ajuster la hauteur de plusieurs éléments <div> :

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

Essayez-le vous-même

Exemple 2

Utilisez scaleY() Ajuster la hauteur de l'image :

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

Essayez-le vous-même

Syntaxe CSS

scaleY(s)

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge pleinement cette fonction pour la première fois.

Pages associées

Tutoriel :Transformation 2D de CSS

Référence :propriété transform de CSS

Référence :Attribut scale CSS

Référence :Fonction scale() de CSS

Référence :Fonction scale3d() de CSS

Référence :fonction scaleX() de CSS