테스트 사이트 - 개발 중인 베타 버전입니다
SIR

이미지를 돌려요 ~

낄낄닷컴
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 2581 · 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)}

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


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

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

ie8 이하는 되지 않습니다.
목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 1개

port
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지

게시글 목록

번호 제목
1411
HTML html에 100% 배경을 넣고 센터정렬을 했습니다.. 근데 ㅠㅠ 3
1410
HTML 배경이미지 고정하기 스타일시트
1409
HTML "[HTML] 부드럽게 서브메뉴가 슬라이딩 되는 펼침메뉴"에서 서브메뉴 클릭시 팝업창에 사진나오게 어떻게 하나요?
1407
HTML 프로그램 만들어야하는데.. 어떤방법이 좋을까요? 2
1406
HTML HTML5 elements
1404
HTML 한글 체크 함수 1
1403
HTML HTML5 Web Forms 2.0 Cross-Browser Implementation
1399
HTML 질문드립니다.답답해죽겠습니다. 3
1394
HTML 자동업데이트 만들기 위한 기반(자작 ㅠ.ㅠ) 소스 (원제: 자루스님~) 4
1391
HTML 으아 글씨가 깨지는데 어떻게 하죠....? 2
1387
HTML 자바스크립트 정규식 질문 드립니다 3
1385
HTML document.body.scrollTop에 대해서 질문 올립니다. 1
1384
HTML 그누보드4 LIMIT 와 OFFSET 최적화하기 메모
1382
HTML 콤마......가 J로 출력되는거 같아요.. 1
1380
HTML 소스가 안되서 질문을 좀 드려요 1
1378
HTML 제이쿼리 부문 질문입니다. 1
1376
HTML PHP 쿼리호출해서 표시할때, 회원만 표시 질문이요..ㅠㅠ 1
1374
HTML [질문] 디비 내용안에 이미지 부분만 리사이즈 시키기. 1
1371
HTML access_log파일 다운받는 방법... 2
1368
HTML 회원가입폼 수정 2
1364
HTML [유트브]동영상 사이트 만들기 3
1360
HTML 도시 이름 한국어 리스트 4
1357
HTML 방문자경로 (리퍼러) 감추거나 바꾸는 소스 좀 알려주세요 2
1356
HTML 계정홈디렉토리에 파일 복사해 넣기
1349
HTML html5 실전가이드 최종입니다... 6
1347
HTML input 에 자연수 및 정수만 입력 1
1341
HTML html5 가이드 입니다. 5
1339
HTML 웹 접근성 검사 K-WAH 3.0 1
1336
HTML HTML Block-Level Elements Inline-Level Elements 2
1334
HTML [매뉴얼] Oracle DB 관리 지침서?(간단매뉴얼) 1
이전 다음
전체 목록