Fonction scale() CSS

Définition et utilisation

CSS scale() La fonction est utilisée pour zoomer sur l'élément (largeur et hauteur).

scale() définit les valeurs de zoom de l'élément dans les directions x et y.

scale() La fonction transform Utilisé dans les attributs.

Exemple

Exemple 1

Utilisation scale() Zoom multiple des éléments <div> :

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

Essayez-le vous-même

Exemple 2

Utilisation scale() Zoom des images :

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

Essayez-le vous-même

Syntaxe CSS

scale(sx, sy)
Valeur Description
sx Obligatoire. Numérique ou pourcentage. Spécifie la composante de zoom de la largeur.
sy

Optionnel. Numérique ou pourcentage. Spécifie la composante de zoom de la hauteur.

Si omis, la valeur est définie comme identique à sx.

Détails techniques

Version : Module CSS Transforms Niveau 1

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.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Pages associées

Tutoriel :Transformation 2D CSS

Référence :Attribut transform CSS

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

Référence :Fonction scale3d() CSS

Référence :Fonction scaleX() CSS

Référence :Fonction scaleY() CSS