이미지를 돌려요 ~

· 2011-12-21 (수) 20:55:30 · 3281 · 1
마우스를 대면 이미지가 돌아가는 효과 입니다.

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개

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

프로그램

8,188건
+
제목 글쓴이 날짜 조회
11-12-23 조회 3,917
11-12-23 조회 2,734
11-12-23 조회 4,563
11-12-23 조회 4,125
11-12-23 조회 2,627
11-12-23 조회 7,878
11-12-22 조회 2,930
11-12-22 조회 3,643
11-12-22 조회 3,376
11-12-22 조회 3,177
11-12-22 조회 3,391
11-12-21 조회 3,282
11-12-21 조회 3,136
11-12-21 조회 3,442
11-12-21 조회 3,854
11-12-21 조회 2,832
11-12-21 조회 3,291
11-12-21 조회 4,325
11-12-21 조회 4,148
11-12-21 조회 3,125
11-12-20 조회 3,594
11-12-19 조회 6,113
11-12-19 조회 2,792
11-12-19 조회 4,880
11-12-17 조회 3,607
11-12-17 조회 4,048
11-12-17 조회 3,257
11-12-16 조회 3,022
11-12-16 조회 3,051
11-12-15 조회 3,179
11-12-15 조회 3,230
11-12-15 조회 4,113
11-12-15 조회 5,375
11-12-15 조회 4,390
11-12-15 조회 3,076
11-12-15 조회 3,847
11-12-15 조회 3,949
11-12-14 조회 2,764
11-12-14 조회 4,090
11-12-14 조회 5,409
11-12-13 조회 3,962
11-12-13 조회 4,897
11-12-13 조회 5,940
11-12-13 조회 6,223
11-12-13 조회 4,619
11-12-12 조회 2,984
11-12-12 조회 3,334
11-12-12 조회 6,088
11-12-12 조회 4,463
11-12-12 조회 3,602
11-12-12 조회 6,005
11-12-11 조회 4,562
11-12-10 조회 2,679
11-12-10 조회 4,632
11-12-09 조회 2,734
11-12-09 조회 3,030
11-12-09 조회 3,944
11-12-09 조회 3,571
11-12-09 조회 3,804
11-12-09 조회 3,306
11-12-09 조회 4,364
11-12-09 조회 3,059
11-12-09 조회 3,068
11-12-09 조회 2,853
11-12-09 조회 3,590
11-12-08 조회 3,287
11-12-08 조회 3,166
11-12-08 조회 7,532
11-12-08 조회 4,024
11-12-08 조회 3,394
11-12-08 조회 2,806
11-12-08 조회 1.2만
11-12-08 조회 3,840
11-12-07 조회 2,748
11-12-07 조회 2,750
11-12-07 조회 3,707
11-12-07 조회 4,314
11-12-07 조회 3,761
11-12-07 조회 2,984
11-12-07 조회 4,317
11-12-06 조회 4,220
11-12-06 조회 5,427
11-12-06 조회 3,501
11-12-06 조회 3,537
11-12-05 조회 2,969
11-12-05 조회 3,133
11-12-05 조회 4,445
11-12-05 조회 3,159
11-12-05 조회 4,772
11-12-05 조회 2,804
11-12-05 조회 5,757
11-12-05 조회 2,874
11-12-05 조회 4,315
11-12-04 조회 5,583
11-12-04 조회 2,886
11-12-04 조회 3,131
11-12-03 조회 3,474
11-12-03 조회 2,914
11-12-03 조회 3,478
11-12-03 조회 3,361