이미지를 돌려요 ~

낄낄닷컴

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
377	HTML	[펌] 웹브라우저 창, 화면에 대한 정보 얻기 [1]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	5023
376	HTML	프로그래밍시 POST 값이 제대로 넘어가는지 체크 [2]	라엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15년 전	3121
375	HTML	php 에서 xml 자유롭게 쓰기 [4]	토마 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3558
374	HTML	변수 함수 모음	띠링 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3495
373	HTML	브라우저 안에 떠다니는 이미지 ~ (플로팅 광고) [5]	아제아제 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3596
372	HTML	cursor:hand 손모양 스타일...... [2]	heisher 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3311
371	HTML	엔터치면 다음칸으로 이동. [3]	카이루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	4119
370	HTML	input 박스에 enter 키를 치면 다른 input 박스로 넘어가기	Hope 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3307
369	HTML	asp 목록보기	카이루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3291
368	HTML	저기..급한데요.. admin데이타를 삭제해버렸는데 혹시 복구 되나요? [1]	해숙이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3551
367	HTML	<form 안에 있는 checkbox를 radio 처럼 쓰기 [1]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	4029
366	HTML	테이블 복사	잠자리똥꾸멍 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3028
365	HTML	utf8 한번에 변환프로그램 상위폴더파일까지 변환	헌이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3689
364	HTML	[펌] 1264 : Out of range value adjusted for column 'field' at row 1	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	4620
363	HTML	레이어 좌표 이동-1	싸랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3206
362	HTML	프레임 제어속성	싸랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	2975
361	HTML	페이지내에서 이미지만 윈도우창으로 불러내서 보여주고 왼도우창 이미지 크기에 맞추어 조절하기	님님 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	2466
360	HTML	prototype API	RINIX 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3202
359	HTML	iframe의 높이를 내용에 맞게 자동으로 맞춰주는 함수 [3]	티파니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	5666
358	HTML	[질문]select 문 중에서 정렬방법 [2]	아제아제 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16년 전	3199
357	HTML	동적테이블, 행추가, 열추가, 행삭제, 열삭제 2 [3]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	6306
356	HTML	[HTML] 부드럽게 서브메뉴가 슬라이딩 되는 펼침메뉴 [3]	웹키 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	6169
355	HTML	버튼디자인 모양의 css로만 구현된 버튼 [1]	쉽다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	4175
354	HTML	글자수 제한시켜 짜르기	조심이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	3472
353	HTML	레이어 스부적스부적 이동 스크립트	정회준 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	2619
352	HTML	[안전한 웹 코드 작성하기] #3. SQL Injection / Include 취약점 [1]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	3713
351	HTML	[안전한 웹 코드 작성하기] #2. XSS (Cross-Site Scripting) [1]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	3143
350	HTML	[SQL]Update문 [1]	자인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	5560
349	HTML	[SQL]Insert 문	자인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	4661
348	HTML	[SQL]Table 만들기	자인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	17년 전	3854