Échelle

Agrandissement et Rétrécissement de la largeur et de la hauteur d'un élément

Définitionscale(x, y)

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
div {
2
  transform : scale(2);
3
}
div {
  transform : scale(2);
}

Agrandit deux fois

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
div {
2
  transform : scale(0.5);
3
}
div {
  transform : scale(0.5);
}
num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
div {
2
  transform : scale(2, 0.5);
3
}
div {
  transform : scale(2, 0.5);
}

Agrandit deux fois la largeur, rétrécit deux fois la hauteur.

DéfinitionscaleX( )

Modifie la largeur

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
div {
2
  transform : scaleX(2);
3
}
div {
  transform : scaleX(2);
}

DéfinitionscaleY( )

Modifie la hauteur

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
div {
2
  transform : scaleY(2);
3
}
div {
  transform : scaleY(2);
}