transform / rotate
- transform의 rotate로 요소를 회전시킬 수 있습니다.
- 평면(2D)에서의 회전입니다.
기본형
transform : rotate ( angle );
- angle에는 각의 크기를 입력합니다.
- 단위는 deg, rad, grad, turn 등을 사용합니다.
예제
- 회전하는 과정을 보기 위해 transition 속성을 추가했습니다.
- 입체적인 3D 효과를 주려면 perspective 속성을 이용합니다. 원근감을 표시할 수 있도록 관찰자 시점(위치)의 거리를 지정합니다.
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.
같이 보면 좋은 글