이미지를 돌려요 ~

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

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,835
14년 전 조회 1,991
14년 전 조회 2,687
14년 전 조회 3,796
14년 전 조회 3,036
14년 전 조회 3,108
14년 전 조회 2,549
14년 전 조회 2,334
14년 전 조회 2,231
14년 전 조회 1,988
14년 전 조회 1,490
14년 전 조회 2,404
14년 전 조회 5,516
14년 전 조회 2,392
14년 전 조회 2,153
14년 전 조회 1,650
14년 전 조회 1,880
14년 전 조회 1,714
14년 전 조회 1,570
14년 전 조회 1,670
14년 전 조회 1,646
14년 전 조회 1,603
14년 전 조회 2,453
14년 전 조회 1,789
14년 전 조회 1,676
14년 전 조회 1,582
14년 전 조회 1,652
14년 전 조회 1,967
14년 전 조회 1,881
14년 전 조회 2,489
14년 전 조회 2,078
14년 전 조회 4,557
14년 전 조회 1,795
14년 전 조회 2,340
14년 전 조회 2,055
14년 전 조회 3,792
14년 전 조회 3,431
14년 전 조회 1,590
14년 전 조회 2,653
14년 전 조회 1,630
14년 전 조회 3,452
14년 전 조회 2,977
14년 전 조회 1,594
14년 전 조회 6,696
14년 전 조회 1,952
14년 전 조회 2,497
14년 전 조회 2,289
14년 전 조회 2,126
14년 전 조회 2,185
14년 전 조회 2,196
14년 전 조회 2,066
14년 전 조회 2,379
14년 전 조회 2,770
14년 전 조회 1,801
14년 전 조회 2,188
14년 전 조회 3,203
14년 전 조회 3,087
14년 전 조회 2,044
14년 전 조회 2,521
14년 전 조회 5,012
14년 전 조회 1,748
14년 전 조회 3,730
14년 전 조회 2,463
14년 전 조회 2,934
14년 전 조회 2,136
14년 전 조회 1,905
14년 전 조회 1,925
14년 전 조회 2,066
14년 전 조회 2,129
14년 전 조회 3,038
14년 전 조회 4,249
14년 전 조회 3,326
14년 전 조회 2,034
14년 전 조회 2,623
14년 전 조회 2,881
14년 전 조회 1,690
14년 전 조회 2,932
14년 전 조회 4,170
14년 전 조회 2,837
14년 전 조회 3,757
14년 전 조회 4,909
14년 전 조회 5,133
14년 전 조회 3,509
14년 전 조회 1,935
14년 전 조회 2,277
14년 전 조회 5,059
14년 전 조회 3,368
14년 전 조회 2,527
14년 전 조회 4,917
14년 전 조회 3,558
14년 전 조회 1,659
14년 전 조회 3,570
14년 전 조회 1,687
14년 전 조회 1,953
14년 전 조회 2,811
14년 전 조회 2,445
14년 전 조회 2,672
14년 전 조회 2,209
14년 전 조회 3,218
14년 전 조회 1,886