이미지를 돌려요 ~

낄낄닷컴

· 13년 전 · 조회 1057 1057 · 댓글 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)}

간단하게 코드는 이렇게 됩니다.

http://ggilggil.com/stest/rotate.php

테스트 링크 걸어 드리겠습니다 ^^

html 5 이용하시는 분들 참고 하세요 ~

ie8 이하는 되지 않습니다.

댓글 작성

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

로그인하기

댓글 1개

port

프로필 보기 이 회원 글보기

13년 전

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

게시글 목록

번호	제목	글쓴이	조회	날짜
12487	PHP pc 모바일 체크	서로웹	500	9년 전
12486	PHP 계정 사용량(용량) 확인	서로웹	499	9년 전
380	Html, script 등 기초부터 배우실 분에게 유용한	m모비딕	885	9년 전
12484	PHP textarea 입력한 엔터값 출력하기 1	서로웹	267	9년 전
12483	MySQL 소수점 반올림 버림	서로웹	483	9년 전
376	제가 아는 무료 이미지 사이트 모음 3	요메토	607	9년 전
12482	jQuery jQuery version 1.9 이상에서 $.browser 사용하기	띠아블	612	9년 전
12481	PHP 에러 로그파일 생성하기	서로웹	568	9년 전
12479	PHP 간단한 특정 IP 차단하기 입니다. 1	혀니천사	537	9년 전
12478	PHP 다른 사이트의 내용을 자동으로 긁어오기 입니다.	혀니천사	691	9년 전
12477	PHP 후이즈검색 하기 입니다.	혀니천사	422	9년 전
12476	PHP 그래프 그리기 입니다.	혀니천사	486	9년 전
12475	JavaScript 자바스크립트로 구현한 number_format() 입니다.	혀니천사	362	9년 전
12474	JavaScript 금액 관련 숫자를 한글로 변환하기 입니다.	혀니천사	328	9년 전
12473	PHP PHP 날짜 계산 관련 함수	서로웹	338	9년 전
12472	jQuery jQuery 1.x와 2.x 버전 동시에 사용하기	서로웹	322	9년 전
12471	PHP 요일, 시간마다 다른 CSS 제어하기 입니다.	혀니천사	322	9년 전
12470	PHP iframe내의 id셀렉터 입니다.	혀니천사	286	9년 전
12469	JavaScript 사업자 등록번호 검사하기 입니다.	혀니천사	289	9년 전
371	웹디자인할때 유용한 색상조합 4	디자몽	777	9년 전
12468	PHP 폼전송을 통해서 페이지를 이동하기 입니다.	혀니천사	293	9년 전
12467	JavaScript 항상 같은곳에 광고창 만들기 입니다.	혀니천사	258	9년 전
12466	JavaScript 부메뉴 나오게 하기 입니다.	혀니천사	269	9년 전
12465	JavaScript 특정문자 제거하기 입니다.	혀니천사	242	9년 전
12464	JavaScript 휴대폰번호 검사 하기 입니다.	혀니천사	283	9년 전

이전 다음

1 2 3 4

전체 목록