Makao yetu:

Fungili CSS rotateX()

Mifano na Matumizi rotateX() CSS

rotateX() Fungili inaeleza kama elementi inarotana na x au ujukuu wa kijani (kuelekea nje). transform Inayotumiwa katika sababu.

Mfano

Mifano 1

Kwa mifano: rotateX() Kurotana na x au ujukuu wa kijani (kuelekea nje) kwa mengineo ya <div>:

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

Tukifanya kwa kuzungumza

Mifano 2

Kwa mifano: rotateX() Kurotana na x au ujukuu wa kijani (kuelekea nje):

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

Tukifanya kwa kuzungumza

Inayofanywa kwa CSS

rotateX(angle)
Mivuno Maelezo
angle

Inayohitajika. Ingia ukweli wa kurotana. Viwango vinavyofaa:

  • deg (daboli)
  • rad (radiani)
  • turn (kikuria)

Vichota ya Teknolojia

Safarini: CSS Transforms Module Level 2

Mafanikio ya browser

Mafanikio ya kufikia msingi huzungumza na kufaa kwa browser kwa kuanzisha kazi hii.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Sayari ya pengine

Tutusha:CSS 3D Transformation

Maelezo:Mafuta wa transform katika CSS

Maelezo:Mfano wa rotate kwa CSS

Maelezo:Faaifo ya CSS rotate()

Maelezo:Faaifo ya CSS rotate3d()

Maelezo:Faaifo ya CSS rotateY()

Maelezo:Faaifo ya CSS rotateZ()