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

이미지를 돌려요 ~

낄낄닷컴
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 2584 · 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년 전
제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지

게시글 목록

번호 제목
1331
HTML https 적용시 2
1324
HTML 사이트 메인 페이지 파일 및 경로에 관하여 index.html 6
1320
HTML 자바스크립트 고급 팁&트릭 모음 5
1318
HTML 그누보드 프로그램 교육해주실 분 1
1312
HTML 모바일웹으로 포워딩하는 스크립트 6
1310
HTML sql문 하나 도와주십시오 ㅠㅠ 1
1307
HTML ㅠㅠ 도움이 필요해요~고수님들에 조언좀 .. 2
1298
HTML 제발 부탁드립니다!! ㅜㅜㅜ 8
1293
HTML 사진관에서 사용하는 사진편집 강좌 입니다... 4
1290
HTML Javascript에서 css 파일 가져 오기 3
1286
HTML YEAR(),MONTH(),DAY() 이용하기 3
1282
HTML 한글파일 다운로드 받는 방법? 3
1277
HTML 아파치 에러로그 4
1273
HTML 질문/ 서브메뉴가 고정 되는 방법 3
1271
기타 php 메일전송부분이랑 explorer 호환성... 1
1268
HTML 그누보드 말이지요... 2
1264
HTML 외부싸이트에서 이미지를 링크걸어와서 게시판에 보여지게 했다면??? 3
1262
HTML 등록번호 재발급 요청드립니다. 1
1257
HTML 이건 무슨문제일까요.. 4
1255
HTML 도와주세요 ㅠㅠ 1
1251
HTML 미치겠어요.도와주세요 3
1246
HTML 정말 미칠거 같아요 4
1243
HTML 고수님들 도와주세요. 2
1240
HTML 이런건 어떻게 만드나요......... 2
1234
HTML 소셜 커머스 메타 사이트 에 관하여 질문드립니다. 5
1233
HTML 배경 이미지 - IE6 포함 1
1232
HTML 현재페이지 흑백으로 보이게 하기
1228
HTML 페이지 예쁘게 넘어가는 효과 4
1226
HTML db 테이블 에러 좀 봐주세요.. 1
1223
HTML 주소처리 관련 하여 질문 드립니다. 2
이전 다음
전체 목록