선택된 영역의 각도를 조정하는 rotate( )
rotate() 속성값은 선택된 태그의 각도를 평면적으로 조정할 때 사용합니다.
tranform:rotate(각도)
여기서 ‘각도’는 0~360에서 하나로 지정할 수 있습니다. 각도가 양수면 시계 방향, 음수면 시계 반대 방향으로 회전합니다.
예제 소스 Exercise/10장/1_transform/index.html
<div id="transform_rotate"></div>
예제 소스 Exercise/10장/1_transform/style.css
#transform_rotate {
width: 300px;
height: 300px;
background-color: yellow;
background-image: url("transform_rotate.png");
transform:rotate(45deg); /* -45deg는 시계 반대 방향으로 회전 */
}