Rekomendasyon ng Kurso:

CSS rotateX() Function

Paglalarawan at Paggamit rotateX() CSS

rotateX() Ang function ay naglalarawan ng 3D rotation ng element sa paligid ng axis x (horizontal na direksyon). transform Ginagamit sa katangian.

Halimbawa

Mga Halimbawa 1

Gamitin ang rotateX() I-rotate ang ilang <div> elements sa paligid ng axis x (horizontal na direksyon):

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

Subukan Ngayon!

Mga Halimbawa 2

Gamitin ang rotateX() I-rotate ang imahe sa paligid ng axis x (horizontal na direksyon):

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

Subukan Ngayon!

CSS Grammar

rotateX(angle)
Halaga Paglalarawan
angle

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

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

Detalye ng Teknolohiya

Bersyon: CSS Transforms Module Level 2

Suporta ng Browser

Ang numero sa talahanan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa function.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Sanggunian na Pahina

Tuturial: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 rotateY()

Mga Sanggunian:Function ng CSS rotateZ()