Funkcja CSS scale()

Definicja i zastosowanie

CSS scale() Funkcja używana do skalowania elementów (szerokość i wysokość).

scale() Funkcja definiuje wartości skalowania elementu w kierunku x i y.

scale() Funkcja w transform używane w atrybutach.

Przykład

Przykład 1

Użycie scale() Skalowanie wielu elementów <div>:

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

Spróbuj sam

Przykład 2

Użycie scale() Skalowanie obrazu:

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

Spróbuj sam

Gramatyka CSS

scale(sx, sy)
Wartość Opis
sx Wymagane. Liczba lub procent. Określa wektor skalowania szerokości.
sy

Opcjonalne. Liczba lub procent. Określa wektor skalowania wysokości.

Jeśli pominie się, wartość zostanie ustawiona na tą samą jak sx.

Szczegóły techniczne

Wersja: Moduł transformacji CSS poziom 1

Obsługa przeglądarek

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

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Strony związane

Podręcznik:Przekształcenia 2D w CSS

Referencje:Atrybut transform w CSS

Referencje:Atrybut scale w CSS

Referencje:Funkcja scale3d() w CSS

Referencje:Funkcja scaleX() w CSS

Referencje:Funkcja scaleY() w CSS