Rekomendasyon ng Kurso:

CSS rotateY() Function

Paglalarawan at Paggamit rotateY() CSS

rotateY() Ang function ay naglalarawan ng 3D rotation ng element sa paligid ng y-axis (patlang na nakataas). transform Ginagamit sa atributo.

Mga Halimbawa

Halimbawa 1

Gamitin rotateY() I-rotate ang ilang <div> element sa paligid ng y-axis (patlang na nakataas):

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

Subukan Nang Sarili

Halimbawa 2

Gamitin rotateY() I-rotate ang imahe sa paligid ng y-axis (patlang na nakataas):

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

Subukan Nang Sarili

Grammar ng CSS

rotateY(angle)
Halaga Paglalarawan
angle

Mga kinakailangan. Tukuyin ang anggulo ng pag-rotate. Posibleng mga yunit:

  • deg（degri）
  • rad（arkano）
  • turn（siklo）

Detalye ng Teknolohiya

Bersyon: CSS Transforms Module Level 2

Suporta ng Browser

Ang mga numero sa talahanayan ay nangangahulugan ng unang bersyon ng browser na ganap na sumusuporta sa function.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Rehimenang Naglalaman ng Pahina

Tutuyan:CSS 3D Transformasyon

Mga Sanggunian:Atribute ng CSS transform

Mga Sanggunian:CSS rotate 属性

Mga Sanggunian:Function ng CSS rotate()

Mga Sanggunian:Function ng CSS rotate3d()

Mga Sanggunian:Function ng CSS rotateX()

Mga Sanggunian:Function ng CSS rotateZ()