이미지를 돌려요 ~

낄낄닷컴

· 13년 전 · 조회 1063 1063 · 댓글 1 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 이하는 되지 않습니다.

댓글을 작성하시려면 로그인이 필요합니다.

port

13년 전

제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지

게시판 목록

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

번호	제목	글쓴이	날짜	조회
2	간단한 frame자동조정 [3] #개발자 #기타	오승택 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	3248
1	우편번호를 이용한 소재지 셀렉트 박스 [11] #개발자 #javascript	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	22년 전	4344

#개발자 #기타

오승택

• 21년 전

관리자

• 22년 전