이미지를 돌려요 ~

낄낄닷컴

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

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

게시글 목록

번호	제목	글쓴이	조회	날짜
12413	PHP 테이블 셀 배경이미지 정렬하기 입니다.	혀니천사	173	9년 전
12412	웹서버 포트별 Virtual Host 설정하기 입니다.	혀니천사	222	9년 전
12411	JavaScript 실시간 카운트 다운 시계 입니다.	혀니천사	248	9년 전
12410	jQuery jQuery, 이미지맵 마우스오버시 하이라이트 표시	서로웹	350	9년 전
12407	PHP 이미지가 없으면 나오는 X대신 다른이미지넣기 입니다. 2	혀니천사	384	9년 전
12406	웹서버 가상호스트 무단링크 막기 입니다.	혀니천사	233	9년 전
12405	웹서버 대량의 서브도메인 생성 DNS 아파치 설정하기 입니다.	혀니천사	264	9년 전
12404	JavaScript 한번만 submit 되게 하기 입니다.	혀니천사	229	9년 전
12403	JavaScript 영문자나 숫자만 입력 할 수 있게 하기 입니다.	혀니천사	150	9년 전
12402	JavaScript 현재 페이지 이메일로 보내는 버튼 만들기 입니다.	혀니천사	155	9년 전
12401	JavaScript 모바일웹에서 PC버전 링크	서로웹	338	9년 전
12400	JavaScript 특정 파일형태만 업로드 하기 입니다.	혀니천사	196	9년 전
12399	JavaScript 입력 문자열 앞에 붙는 공백 제거하기 입니다.	혀니천사	187	9년 전
12398	JavaScript 키보드 방향키로 창의 위치를 이동시키기 입니다.	혀니천사	187	9년 전
12397	PHP 게시판 목록에서 원하는 데이터만 출력이 가능하게..	위토즈	266	9년 전
12396	MySQL mysql SELECT 결과값을 UPDATE하기	서로웹	326	9년 전
12395	JavaScript 키보드 눌러 이동하는 단축키 사용하기 입니다.	혀니천사	238	9년 전
12394	JavaScript 책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.	혀니천사	281	9년 전
12393	JavaScript 마우스를 대면 링크 이미지들을 보여주기 입니다.	혀니천사	216	9년 전
12392	PHP pushbullet 푸시 발송	Terrorboy	483	9년 전
12391	MySQL 같은 컬럼의 행들을 한번에 UPDATE 하기	서로웹	316	9년 전
12390	JavaScript 이미지들을 보여주는 풀다운 콤보메뉴 입니다.	혀니천사	281	9년 전
12389	JavaScript 부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.	혀니천사	289	9년 전
12388	JavaScript 끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.	혀니천사	201	9년 전
12387	PHP php 주요 정리 입니다.	혀니천사	345	9년 전

이전 다음

3 4 5 6 7

전체 목록