이미지를 돌려요 ~

마우스를 대면 이미지가 돌아가는 효과 입니다.

html5 에니메이션을 만들때 많이 이용 되고 있네요 ^^

초를 이미지에 맞게 설정해 주세요 ~ 

a {-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;}

a:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}

간단하게 코드는 이렇게 됩니다.


테스트 링크 걸어 드리겠습니다 ^^

html 5 이용하시는 분들 참고 하세요 ~

ie8 이하는 되지 않습니다.
|

댓글 1개

제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
14년 전 조회 1,774
14년 전 조회 1,926
14년 전 조회 2,612
14년 전 조회 3,706
14년 전 조회 2,961
14년 전 조회 3,036
14년 전 조회 2,483
14년 전 조회 2,266
14년 전 조회 2,155
14년 전 조회 1,919
14년 전 조회 1,423
14년 전 조회 2,333
14년 전 조회 5,439
14년 전 조회 2,317
14년 전 조회 2,086
14년 전 조회 1,578
14년 전 조회 1,810
14년 전 조회 1,646
14년 전 조회 1,496
14년 전 조회 1,607
14년 전 조회 1,579
14년 전 조회 1,535
14년 전 조회 2,397
14년 전 조회 1,720
14년 전 조회 1,590
14년 전 조회 1,519
14년 전 조회 1,598
14년 전 조회 1,901
14년 전 조회 1,807
14년 전 조회 2,411
14년 전 조회 2,014
14년 전 조회 4,477
14년 전 조회 1,713
14년 전 조회 2,278
14년 전 조회 1,991
14년 전 조회 3,718
14년 전 조회 3,355
14년 전 조회 1,515
14년 전 조회 2,579
14년 전 조회 1,558
14년 전 조회 3,370
14년 전 조회 2,914
14년 전 조회 1,516
14년 전 조회 6,627
14년 전 조회 1,883
14년 전 조회 2,424
14년 전 조회 2,199
14년 전 조회 2,099
14년 전 조회 2,116
14년 전 조회 2,110
14년 전 조회 1,971
14년 전 조회 2,310
14년 전 조회 2,688
14년 전 조회 1,712
14년 전 조회 2,104
14년 전 조회 3,120
14년 전 조회 2,984
14년 전 조회 1,967
14년 전 조회 2,430
14년 전 조회 4,926
14년 전 조회 1,658
14년 전 조회 3,637
14년 전 조회 2,377
14년 전 조회 2,850
14년 전 조회 2,070
14년 전 조회 1,834
14년 전 조회 1,838
14년 전 조회 1,975
14년 전 조회 2,048
14년 전 조회 2,947
14년 전 조회 4,170
14년 전 조회 3,238
14년 전 조회 1,956
14년 전 조회 2,549
14년 전 조회 2,790
14년 전 조회 1,602
14년 전 조회 2,849
14년 전 조회 4,076
14년 전 조회 2,749
14년 전 조회 3,678
14년 전 조회 4,876
14년 전 조회 5,051
14년 전 조회 3,432
14년 전 조회 1,852
14년 전 조회 2,191
14년 전 조회 4,981
14년 전 조회 3,299
14년 전 조회 2,448
14년 전 조회 4,850
14년 전 조회 3,483
14년 전 조회 1,590
14년 전 조회 3,486
14년 전 조회 1,613
14년 전 조회 1,873
14년 전 조회 2,727
14년 전 조회 2,353
14년 전 조회 2,584
14년 전 조회 2,133
14년 전 조회 3,141
14년 전 조회 1,803