더북(TheBook)

왼쪽 위 모서리를 기준으로 삼고 싶다면 다음과 같이 코드를 추가합니다.

06/08/transform-origin.html

.box:hover{ 
  transform:rotate(30deg);
  /* 오른쪽으로 회전 */
  transform-origin:top left;
  /* 왼쪽 위 모서리를 기준점으로 지정 */
}

그림 6-84 실행결과

코드를 실행하면 변경한 기준점에서 요소가 회전하는 것을 볼 수 있습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.