Faa CSS rotate() fungu

Ufafanuzi na matumizi

CSS wa rotate() muungano wa 2D wa kiwango cha kuzingatia elementi.

rotate() Fungu katika transform Inatumiwa katika tabia.

Mfano

Mfano 1

Tumia rotate() Kurungua vingine vya <div> zaidi:

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

Jifunze kwa urahisi

Mfano 2

Tumia rotate() Kurungua picha:

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

Jifunze kwa urahisi

Inayotumiwa kwa CSS

rotate(angle)
Wakati Maelezo
angle

Inayotarajiwa. Inasema ukurungu wa kusikia. Viwango vya ukweli:

  • deg (dara)
  • rad (aradhi)
  • turn (kikuu)

Vivutio ya teknolojia

Muungano: CSS Transforms Module Level 1

Mafanikio ya programu

Mafanikio ya tabia za programu zinaonyesha kiwango cha kwanza cha kusadili fungu hii.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Vichwa vya vingine

Mafunzo:Faa CSS 2D muungano wa ukurungu

Tazama:Hisia transform

Tazama:Hisia CSS rotate

Tazama:Funksheni CSS rotate3d()

Tazama:Faa CSS rotateX() fungu

Tazama:Funksheni CSS rotateY()

Tazama:Funksheni CSS rotateZ()