이미지를 돌려요 ~

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

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,847
14년 전 조회 2,000
14년 전 조회 2,696
14년 전 조회 3,807
14년 전 조회 3,049
14년 전 조회 3,117
14년 전 조회 2,557
14년 전 조회 2,342
14년 전 조회 2,241
14년 전 조회 1,995
14년 전 조회 1,495
14년 전 조회 2,410
14년 전 조회 5,524
14년 전 조회 2,406
14년 전 조회 2,164
14년 전 조회 1,658
14년 전 조회 1,888
14년 전 조회 1,723
14년 전 조회 1,581
14년 전 조회 1,676
14년 전 조회 1,655
14년 전 조회 1,614
14년 전 조회 2,460
14년 전 조회 1,797
14년 전 조회 1,686
14년 전 조회 1,593
14년 전 조회 1,656
14년 전 조회 1,979
14년 전 조회 1,886
14년 전 조회 2,497
14년 전 조회 2,088
14년 전 조회 4,567
14년 전 조회 1,803
14년 전 조회 2,346
14년 전 조회 2,069
14년 전 조회 3,802
14년 전 조회 3,439
14년 전 조회 1,603
14년 전 조회 2,668
14년 전 조회 1,641
14년 전 조회 3,460
14년 전 조회 2,991
14년 전 조회 1,605
14년 전 조회 6,704
14년 전 조회 1,963
14년 전 조회 2,506
14년 전 조회 2,295
14년 전 조회 2,127
14년 전 조회 2,197
14년 전 조회 2,208
14년 전 조회 2,077
14년 전 조회 2,386
14년 전 조회 2,784
14년 전 조회 1,815
14년 전 조회 2,198
14년 전 조회 3,217
14년 전 조회 3,096
14년 전 조회 2,056
14년 전 조회 2,530
14년 전 조회 5,023
14년 전 조회 1,756
14년 전 조회 3,739
14년 전 조회 2,474
14년 전 조회 2,949
14년 전 조회 2,146
14년 전 조회 1,912
14년 전 조회 1,930
14년 전 조회 2,075
14년 전 조회 2,141
14년 전 조회 3,045
14년 전 조회 4,262
14년 전 조회 3,336
14년 전 조회 2,046
14년 전 조회 2,628
14년 전 조회 2,891
14년 전 조회 1,699
14년 전 조회 2,941
14년 전 조회 4,180
14년 전 조회 2,848
14년 전 조회 3,765
14년 전 조회 4,915
14년 전 조회 5,144
14년 전 조회 3,518
14년 전 조회 1,944
14년 전 조회 2,285
14년 전 조회 5,072
14년 전 조회 3,379
14년 전 조회 2,530
14년 전 조회 4,927
14년 전 조회 3,569
14년 전 조회 1,672
14년 전 조회 3,580
14년 전 조회 1,698
14년 전 조회 1,965
14년 전 조회 2,821
14년 전 조회 2,458
14년 전 조회 2,685
14년 전 조회 2,220
14년 전 조회 3,228
14년 전 조회 1,896