이미지를 돌려요 ~

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

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,775
14년 전 조회 1,928
14년 전 조회 2,613
14년 전 조회 3,706
14년 전 조회 2,961
14년 전 조회 3,036
14년 전 조회 2,484
14년 전 조회 2,266
14년 전 조회 2,157
14년 전 조회 1,919
14년 전 조회 1,424
14년 전 조회 2,333
14년 전 조회 5,441
14년 전 조회 2,320
14년 전 조회 2,086
14년 전 조회 1,578
14년 전 조회 1,810
14년 전 조회 1,647
14년 전 조회 1,498
14년 전 조회 1,609
14년 전 조회 1,580
14년 전 조회 1,535
14년 전 조회 2,398
14년 전 조회 1,723
14년 전 조회 1,592
14년 전 조회 1,520
14년 전 조회 1,601
14년 전 조회 1,903
14년 전 조회 1,807
14년 전 조회 2,414
14년 전 조회 2,016
14년 전 조회 4,478
14년 전 조회 1,713
14년 전 조회 2,278
14년 전 조회 1,991
14년 전 조회 3,721
14년 전 조회 3,357
14년 전 조회 1,516
14년 전 조회 2,581
14년 전 조회 1,560
14년 전 조회 3,371
14년 전 조회 2,914
14년 전 조회 1,516
14년 전 조회 6,627
14년 전 조회 1,884
14년 전 조회 2,424
14년 전 조회 2,201
14년 전 조회 2,099
14년 전 조회 2,118
14년 전 조회 2,113
14년 전 조회 1,973
14년 전 조회 2,310
14년 전 조회 2,690
14년 전 조회 1,713
14년 전 조회 2,104
14년 전 조회 3,122
14년 전 조회 2,984
14년 전 조회 1,969
14년 전 조회 2,431
14년 전 조회 4,926
14년 전 조회 1,659
14년 전 조회 3,640
14년 전 조회 2,384
14년 전 조회 2,852
14년 전 조회 2,070
14년 전 조회 1,836
14년 전 조회 1,840
14년 전 조회 1,977
14년 전 조회 2,048
14년 전 조회 2,947
14년 전 조회 4,174
14년 전 조회 3,238
14년 전 조회 1,959
14년 전 조회 2,551
14년 전 조회 2,791
14년 전 조회 1,604
14년 전 조회 2,852
14년 전 조회 4,079
14년 전 조회 2,751
14년 전 조회 3,680
14년 전 조회 4,876
14년 전 조회 5,051
14년 전 조회 3,434
14년 전 조회 1,852
14년 전 조회 2,192
14년 전 조회 4,982
14년 전 조회 3,300
14년 전 조회 2,448
14년 전 조회 4,851
14년 전 조회 3,485
14년 전 조회 1,591
14년 전 조회 3,487
14년 전 조회 1,613
14년 전 조회 1,874
14년 전 조회 2,730
14년 전 조회 2,353
14년 전 조회 2,587
14년 전 조회 2,133
14년 전 조회 3,144
14년 전 조회 1,808