SIR
골

이미지를 돌려요 ~

낄낄닷컴
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 14년 전 · 2598 · 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개

pport
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지
이전글목록다음글
댓글을 작성하시려면 로그인이 필요합니다. 로그인

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
HTML 14년 전 조회 3,553
HTML 14년 전 조회 2,978
HTML 14년 전 조회 3,166
HTML 14년 전 조회 3,114
HTML 14년 전 조회 2,761
HTML 14년 전 조회 4,049
HTML 14년 전 조회 4,582
HTML 14년 전 조회 3,893
HTML 14년 전 조회 4,471
HTML 14년 전 조회 3,249
HTML 14년 전 조회 2,324
HTML 14년 전 조회 2,673
HTML 14년 전 조회 2,216
HTML 14년 전 조회 2,806
HTML 14년 전 조회 2,599
HTML 14년 전 조회 2,626
HTML 14년 전 조회 4,776
HTML 14년 전 조회 3,825
HTML 14년 전 조회 6,456
기타 14년 전 조회 3,688
HTML 14년 전 조회 3,016
기타 14년 전 조회 4,332
HTML 14년 전 조회 2,995
JavaScript 14년 전 조회 2,595
JavaScript 14년 전 조회 2만
기타 14년 전 조회 5,341
HTML 14년 전 조회 2,756
HTML 14년 전 조회 3,945
HTML 14년 전 조회 2,861
HTML 14년 전 조회 2,086
이전 첫 페이지 다음
글쓰기
🐛 버그신고