마우스를 대면 이미지가 돌아가는 효과 입니다.
html5 에니메이션을 만들때 많이 이용 되고 있네요 ^^
초를 이미지에 맞게 설정해 주세요 ~
a:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}
간단하게 코드는 이렇게 됩니다.
테스트 링크 걸어 드리겠습니다 ^^
html 5 이용하시는 분들 참고 하세요 ~
ie8 이하는 되지 않습니다.
댓글 1개
13년 전
제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5877 | 9년 전 | 262 | ||
| 5876 | 9년 전 | 316 | ||
| 5875 | 9년 전 | 300 | ||
| 5874 | 9년 전 | 324 | ||
| 5873 | 9년 전 | 434 | ||
| 5872 | 9년 전 | 328 | ||
| 5871 | 9년 전 | 283 | ||
| 5870 | 9년 전 | 305 | ||
| 5869 | 9년 전 | 419 | ||
| 5868 | 9년 전 | 321 | ||
| 5867 | 9년 전 | 268 | ||
| 5866 | 9년 전 | 266 | ||
| 5865 | 9년 전 | 281 | ||
| 5864 | 9년 전 | 239 | ||
| 5863 | 9년 전 | 233 | ||
| 5862 | 9년 전 | 416 | ||
| 5861 | 9년 전 | 468 | ||
| 5860 | 9년 전 | 259 | ||
| 5859 | 9년 전 | 252 | ||
| 5858 | 9년 전 | 227 | ||
| 5857 | 9년 전 | 256 | ||
| 5856 | 9년 전 | 351 | ||
| 5855 | 9년 전 | 307 | ||
| 5854 | 9년 전 | 204 | ||
| 5853 | 9년 전 | 264 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기