Funkcja CSS scaleY()

Definicja i użycie

CSS scaleY() Funkcja używana do wertykalnego skalowania elementów.

scaleY() funkcja zwiększa lub zmniejsza wysokość elementu.

scaleY() Funkcja w transform w użyciu atrybutu.

Przykład

Przykład 1

Użyj scaleY() Skalowanie wysokości wielu elementów <div>:

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

Spróbuj sam

Przykład 2

Użyj scaleY() Skalowanie wysokości obrazu:

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

Spróbuj sam

Gramatyka CSS

scaleY(s)

Szczegóły techniczne

Obsługa przeglądarek

Liczby w tabeli oznaczają wersje przeglądarek, które w pełni obsługuje tę funkcję.

Strony związane

Podręcznik:Transformacje 2D w CSS

Odnośnik:Atrybut transform w CSS

Odnośnik:Atrybut scale w CSS

Odnośnik:Funkcja scale() w CSS

Odnośnik:Funkcja scale3d() w CSS

Odnośnik:Funkcja scaleX() w CSS