마우스를 대면 이미지가 돌아가는 효과 입니다.
html5 에니메이션을 만들때 많이 이용 되고 있네요 ^^
초를 이미지에 맞게 설정해 주세요 ~
a:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}
간단하게 코드는 이렇게 됩니다.
테스트 링크 걸어 드리겠습니다 ^^
html 5 이용하시는 분들 참고 하세요 ~
ie8 이하는 되지 않습니다.
댓글 1개
13년 전
제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 52 | 21년 전 | 2696 | ||
| 51 |
prosper
|
21년 전 | 2342 | |
| 50 |
prosper
|
21년 전 | 2159 | |
| 49 | 21년 전 | 2170 | ||
| 48 | 21년 전 | 2302 | ||
| 47 | 21년 전 | 1924 | ||
| 46 | 21년 전 | 1935 | ||
| 45 | 21년 전 | 2136 | ||
| 44 | 21년 전 | 2391 | ||
| 43 | 21년 전 | 4588 | ||
| 42 |
prosper
|
21년 전 | 2713 | |
| 41 |
prosper
|
21년 전 | 2115 | |
| 40 | 21년 전 | 2178 | ||
| 39 | 21년 전 | 2141 | ||
| 38 | 21년 전 | 2410 | ||
| 37 | 21년 전 | 2560 | ||
| 36 | 21년 전 | 1765 | ||
| 35 | 21년 전 | 4074 | ||
| 34 | 21년 전 | 3844 | ||
| 33 | 21년 전 | 2972 | ||
| 32 |
prosper
|
21년 전 | 2875 | |
| 31 | 21년 전 | 5241 | ||
| 30 |
아우겐나이스
|
21년 전 | 4015 | |
| 29 |
아우겐나이스
|
21년 전 | 4422 | |
| 28 |
아우겐나이스
|
21년 전 | 3442 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기