마우스를 대면 이미지가 돌아가는 효과 입니다.
html5 에니메이션을 만들때 많이 이용 되고 있네요 ^^
초를 이미지에 맞게 설정해 주세요 ~
a:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}
간단하게 코드는 이렇게 됩니다.
테스트 링크 걸어 드리겠습니다 ^^
html 5 이용하시는 분들 참고 하세요 ~
ie8 이하는 되지 않습니다.
댓글 1개
13년 전
제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6052 | 9년 전 | 581 | ||
| 6051 | 9년 전 | 569 | ||
| 6050 | 9년 전 | 945 | ||
| 6049 | 9년 전 | 332 | ||
| 6048 | 9년 전 | 559 | ||
| 6047 | 9년 전 | 686 | ||
| 6046 | 9년 전 | 680 | ||
| 6045 | 9년 전 | 625 | ||
| 6044 | 9년 전 | 583 | ||
| 6043 | 9년 전 | 752 | ||
| 6042 | 9년 전 | 471 | ||
| 6041 | 9년 전 | 541 | ||
| 6040 | 9년 전 | 424 | ||
| 6039 | 9년 전 | 378 | ||
| 6038 | 9년 전 | 386 | ||
| 6037 | 9년 전 | 359 | ||
| 6036 | 9년 전 | 362 | ||
| 6035 | 9년 전 | 335 | ||
| 6034 | 9년 전 | 336 | ||
| 6033 | 9년 전 | 826 | ||
| 6032 | 9년 전 | 358 | ||
| 6031 | 9년 전 | 309 | ||
| 6030 | 9년 전 | 340 | ||
| 6029 | 9년 전 | 312 | ||
| 6028 | 9년 전 | 348 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기