CSS rotate() 함수

정의와 사용법

CSS의 rotate() 함수 정의 요소의 2D 회전을 정의합니다.

rotate() 함수는 transform 속성에서 사용.

사용 rotate() 여러 <div> 요소를 회전시키기:

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

사용 rotate() 이미지를 회전시키기:

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

rotate(angle)

값	설명
angle	필수。指定旋转角度。可能的单位： deg（도） rad（반주） turn（돌리기）

값

설명

angle

필수。指定旋转角度。可能的单位：

버전：	CSS Transforms Module Level 1

표中的数字表示首个完全支持该函数的浏览器版本。

크롬	에지	파이어폭스	사파리	오페라
1	12	3.5	3.1	10.5