이미지를 돌려요 ~

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

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년 전 조회 927
14년 전 조회 1,078
14년 전 조회 1,785
14년 전 조회 2,877
14년 전 조회 2,120
14년 전 조회 2,181
14년 전 조회 1,616
14년 전 조회 1,413
14년 전 조회 1,319
14년 전 조회 1,090
14년 전 조회 558
14년 전 조회 1,478
14년 전 조회 4,563
14년 전 조회 1,440
14년 전 조회 1,207
14년 전 조회 716
14년 전 조회 951
14년 전 조회 755
14년 전 조회 640
14년 전 조회 712
14년 전 조회 707
14년 전 조회 654
14년 전 조회 1,530
14년 전 조회 830
14년 전 조회 702
14년 전 조회 653
14년 전 조회 727
14년 전 조회 1,015
14년 전 조회 914
14년 전 조회 1,508
14년 전 조회 1,129
14년 전 조회 3,590
14년 전 조회 809
14년 전 조회 1,364
14년 전 조회 1,111
14년 전 조회 2,837
14년 전 조회 2,448
14년 전 조회 656
14년 전 조회 1,696
14년 전 조회 674
14년 전 조회 2,460
14년 전 조회 2,011
14년 전 조회 623
14년 전 조회 5,716
14년 전 조회 968
14년 전 조회 1,489
14년 전 조회 1,304
14년 전 조회 1,329
14년 전 조회 1,224
14년 전 조회 1,223
14년 전 조회 1,040
14년 전 조회 1,407
14년 전 조회 1,798
14년 전 조회 819
14년 전 조회 1,197
14년 전 조회 2,226
14년 전 조회 2,070
14년 전 조회 1,044
14년 전 조회 1,516
14년 전 조회 4,023
14년 전 조회 745
14년 전 조회 2,735
14년 전 조회 1,500
14년 전 조회 1,956
14년 전 조회 1,160
14년 전 조회 926
14년 전 조회 941
14년 전 조회 1,074
14년 전 조회 1,165
14년 전 조회 2,044
14년 전 조회 3,284
14년 전 조회 2,328
14년 전 조회 1,043
14년 전 조회 1,641
14년 전 조회 1,905
14년 전 조회 691
14년 전 조회 1,930
14년 전 조회 3,167
14년 전 조회 1,850
14년 전 조회 2,779
14년 전 조회 4,089
14년 전 조회 4,131
14년 전 조회 2,540
14년 전 조회 960
14년 전 조회 1,267
14년 전 조회 4,091
14년 전 조회 2,411
14년 전 조회 1,558
14년 전 조회 3,943
14년 전 조회 2,602
14년 전 조회 687
14년 전 조회 2,600
14년 전 조회 730
14년 전 조회 962
14년 전 조회 1,814
14년 전 조회 1,430
14년 전 조회 1,678
14년 전 조회 1,243
14년 전 조회 2,257
14년 전 조회 918