Funkcja CSS rotateY()

Definicja i użycie

CSS rotateY() definiuje 3D obrót elementu wokół osi y (osi pionowej).

rotateY() Funkcja transform W użyciu atrybutu.

Przykład

Przykład 1

Użyj rotateY() Obracaj wiele elementów <div> wokół osi y (osi pionowej):

#myDiv1 {
  transform: rotateY(40deg);
}
#myDiv2 {
  transform: rotateY(60deg);
}
#myDiv3 {
  transform: rotateY(80deg);
}

Spróbuj sam

Przykład 2

Użyj rotateY() Obracaj obraz wokół osi y (osi pionowej):

#img1 {
  transform: rotateY(40deg);
}
#img2 {
  transform: rotateY(60deg);
}
#img3 {
  transform: rotateY(80deg);
}

Spróbuj sam

CSS Grammar

rotateY(kąt)
Wartość Opis
kąt

Wymagane. Określ kąt obrotu. Możliwe jednostki:

  • deg（stopień）
  • rad（promień kątowy）
  • turn（obrót）

Szczegóły techniczne

Wersja: CSS Transforms Module Level 2

Wsparcie przeglądarki

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

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Strony związane

Tutorial:CSS 3D Transformacje

Odniesienie:Atrybut transform w CSS

Odniesienie:Atrybut rotate w CSS

Odniesienie:Funkcja rotate() w CSS

Odniesienie:Funkcja rotate3d() w CSS

Odniesienie:Funkcja rotateX() w CSS

Odniesienie:Funkcja rotateZ() w CSS