이미지를 돌려요 ~

낄낄닷컴

· 13년 전 · 조회 2593 2593 · 댓글 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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
407	HTML	2.php 초보탈출(배열) [5]	l2zeo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2812
406	HTML	php 는 얼마나 유연한가? [3]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2322
405	HTML	문자열 필드를 숫자로 처리하는 방법 [1]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2701
404	HTML	Open User Interface Framework [1]	JY소프트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2369
403	HTML	onerror를 이용한 없는 이미지 대체하기..	김광회 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2393
402	HTML	HTML5 가이드 [9]	soulfuleyes 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	4656
401	HTML	아이피 차단소스	담운 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3116
400	HTML	php로 ping을 날려서 ip가 사용가능한지 알기	담운 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2165
399	HTML	어떤 경로로 해서 이 홈에 오게 됐는지 알아내는 방법 [2]	담운 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2806
398	HTML	한국일보 실시간 속보보기	담운 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2029
397	HTML	국가별 다른 페이지 엑세스	담운 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2524
396	HTML	정해지지 않은 값 (NULL) 검색하기	담운 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2651
395	HTML	현재, 이전페이지 url 호출	담운 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3179
394	HTML	[TIP] 퀵메뉴 스크립트 [2]	프리웹닷컴 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	4243
393	HTML	성능향상을 위한 팁-6	원더풀라입 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2129
392	HTML	성능향상을 위한 팁-3	원더풀라입 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2204
391	HTML	성능향상을 위한 팁-2	원더풀라입 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2276
390	HTML	URL Encode & Decide	드래그홈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2702
389	HTML	테이블 복사	gamebomb 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	2868
388	HTML	파일 생성시간으로부터 일정 시간이 지나면 파일 삭제하기 [1]	intel 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	5710
387	HTML	AjaxPlorer Ver 2.55 한글 업로드 및 다운로드 [2]	라펜타 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	5984
386	HTML	php > 내가 만들어 쓰는 함수 > 이미지에 워터마크 처리하기 추가 및 워터마크 처리함수 만들기	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3166
385	HTML	php > 내가 만들어 쓰는 함수 > 정의한 함수 수정 및 내용 정리	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3209
384	HTML	php > 내가 만들어 쓰는 함수 > 원본이미지를 정비율로 리사이즈 처리하기	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	5104
383	HTML	php > 내가 만들어 쓰는 함수 의 강좌 를 시작하며....... [3]	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3364
382	HTML	프레임홈페이지 로그인시 다른프레임 새로고침 질문좀 [2]	헐크매니아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3560
381	HTML	로컬 텍스트 엑셀 파일 읽기/쓰기	WebRIA 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	10343
380	HTML	GET 인지 POST 인지 알아내기 [2]	WebRIA 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3684
379	HTML	숫자만 입력할수있게...	리얼J 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3828
378	HTML	저사양 컴퓨터에서 우분투 데스크탑 운용 - 1 [5]	플록 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	4848