이미지를 돌려요 ~

낄낄닷컴

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

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

게시판 목록

팁게시판

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

글쓰기

번호	제목	글쓴이	날짜	조회
5852	팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기 입니다. [1] #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	636
5851	유튜브 재생 중인 팝업 레이어 숨길 때 재생 멈추는 방법 #퍼블리셔 #기타	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	567
5850	간단한 셀렉트 드롭다운 제이쿼리 #개발자 #jquery	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	413
5849	우클릭해제 소스 보기 자바스크립트 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	311
5848	미리보기 소스 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	314
5847	움직임이 자연스러운 자바시계 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	308
5846	특정사람에게 메일 보내기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	292
5845	DirectX의 와이프 기능을 사용한 이미지 스와핑 효과 내기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	312
5844	iframe 써서 노 프레임 효과 내기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	343
5843	이미지 없이 구현하는 간단한 별점 기능 제이쿼리 #개발자 #jquery	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	432
5842	PHP 4.x버전에서 hash_hmac 함수 사용하기 #개발자 #php	잉끼 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	326
5841	Node.js - 실시간 위치 추적 (1) [11] #개발자 #node.js	웹제작자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1098
5840	색 조합 유용한 곳 [7] #디자이너	ABC디자인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1219
5839	wget으로 외부 컨텐츠 가져오기 입니다. [1] #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	603
5838	php로 이미지 흑백효과 주기 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	334
5837	Sendmail 로그분석 스팸 탐지 정리입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	382
5836	이미지주소 인코딩으로 페이지로딩시간 절약하기 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	380
5835	유용한 함수 file_exists 입니다. [1] #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	508
5834	마우스 오른쪽 매뉴활성화 막는 간단한 방법입니다 #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	348
5833	파일 하나로 끝내는 DB 관리 'Adminer' 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	460
5832	프로그램 실행 메모리 체크 memtrack 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	293
5831	유용한 함수 call_user_func 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	282
5830	PHP ANOTATION , Reflection 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	306
5829	유용한 함수 array_filter 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	353
5828	유용한 함수 substr 과 array_slice 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	333