Fonction CSS scaleX()

Définition et utilisation

CSS scaleX() La fonction est utilisée pour l'échelle horizontale de l'élément.

scaleX() La fonction augmente ou diminue la largeur de l'élément.

scaleX() La fonction est dans transform Utilisé dans l'attribut.

Exemple

Exemple 1

Utiliser scaleX() Étendre la largeur de plusieurs éléments <div> :

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

Essayez-le vous-même

Exemple 2

Utiliser scaleX() Étendre la largeur de l'image :

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

Essayez-le vous-même

Syntaxe CSS

scaleX(s)

Détails techniques

Prise en charge du navigateur

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

Pages associées

Tutoriel :Transformation 2D CSS

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

Référence :Propriété scale de CSS

Référence :fonction scale() CSS

Référence :fonction scale3d() CSS

Référence :fonction scaleY() CSS