rotate () 메서드

회전

이 rotate()메소드는 주어진 각도에 따라 요소를 시계 방향 또는 시계 반대 방향으로 회전합니다.

다음 예제에서는 <div> 요소를 시계 방향으로 20도 회전합니다.

예

div {

    -ms-transform: rotate(20deg); /* IE 9 */

    -webkit-transform: rotate(20deg); /* Safari */

    transform: rotate(20deg);

}

음수 값을 사용하면 요소가 시계 반대 방향으로 회전합니다.

다음 예제에서는 <div> 요소를 20도 반 시계 방향으로 회전시킵니다.

예

div {

    -ms-transform: rotate(-20deg); /* IE 9 */

    -webkit-transform: rotate(-20deg); /* Safari */

    transform: rotate(-20deg);

}