이미지를 돌려요 ~
마우스를 대면 이미지가 돌아가는 효과 입니다.
html5 에니메이션을 만들때 많이 이용 되고 있네요 ^^
초를 이미지에 맞게 설정해 주세요 ~
a:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}
간단하게 코드는 이렇게 됩니다.
테스트 링크 걸어 드리겠습니다 ^^
html 5 이용하시는 분들 참고 하세요 ~
ie8 이하는 되지 않습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 1개