CSS rotate() funktion

Definition og brug

CSS rotate() 2D-rotation af elementer defineret af funktionen.

rotate() Funktioner i transform Brug i egenskaber.

Eksempel

Eksempel 1

Brug rotate() Roter flere <div>-elementer:

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

Prøv det selv

Eksempel 2

Brug rotate() Roter billede:

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

Prøv det selv

CSS syntaks

rotate(vinkel)
Værdi Beskrivelse
vinkel

Obligatorisk. Angiv roteringsvinklen. Mulige enheder:

  • deg（grader）
  • rad（buegrader）
  • turn（kreds）

Tekniske detaljer

Version: CSS Transforms Module Level 1

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne funktion.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Relaterede sider

Tilføjelse:CSS 2D transformation

Referencer:CSS transform egenskab

Referencer:CSS rotate egenskab

Referencer:CSS rotate3d() funktion

Referencer:CSS rotateX() funktion

Referencer:CSS rotateY() funktion

Referencer:CSS rotateZ() funktion