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

이미지를 돌려요 ~

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

게시글 목록

번호 제목
1617
HTML [질문] HTML5 를 익스에서 문제없이 사용하게 하려면? 5
1612
HTML 메뉴네비게이션 소스가 잘못되었나요? 4
1608
HTML css3 이미지 원형만들기 등등 참고자료 3
1597
HTML 말씀듣고.. 10
1595
HTML 쉬우나 쉽지않은, 오래되었으나 그리 오래되지 않았던... 2
1592
HTML 웹표준.... 2
1586
HTML html 익스에서는 가운데 정렬이 안되네요.. 5
1580
HTML 대인배 님들 재발봐주세요 진짜 부탁드립니다 5
1573
HTML 레이어팝업 제어 질문좀드려도 될까요?? 6
1572
HTML 날나리 강좌. ㅋ 레이아웃 짜기, 완성 예제
1571
HTML 날나리 강좌. ㅋ 레이아웃 짜기, 광고 영역(?) 1
1566
HTML [질문] absolute 또는 relative 자식div 투명처리 4
1565
HTML 날나리 강좌. ㅋ 레이아웃 짜기, 열과 height
1557
HTML CSS 속성 적용의 우선 순위 7
1550
HTML ㅋㅋㅋ죄송합니다;;; 6
1549
HTML 연습 TABLE vs DIV
1548
HTML 날나리 강좌. ㅋ 레이아웃 짜기, 열(column) 그리고 clear (부록포함)
1546
HTML 중국어 일본어 홈페이지 만들때 글자 들쑥날쑥한거요... 1
1544
HTML 날나리 강좌. ㅋ 레이아웃 짜기, float의 이해 1
1539
HTML 날나리 강좌. ㅋ 레이아웃 짜기 footer 밑에 놓기 4
1533
HTML [질문이 있습니다.] css코드 앞에~ 5
1532
HTML 날나리 강좌. ㅋ 레이아웃 짜기, height 연습
1527
HTML 고수님들께 도움좀.. 메인로고와 탑메뉴의 가로크기가 안맞아서요.. 4
1523
HTML 날나리 강좌. ㅋ 레이아웃 짜기 Row편 3
1522
HTML 날나리 강좌. ㅋ 기본 속성? display
1521
HTML 날나리 강좌. ㅋ HTML DTD 1
1520
HTML SGML에서 HTML까지 마크업언어에 관한 간략한 이해
1519
HTML [css] width, height의 이해
1517
HTML [css] 마진 병합 2
1516
HTML [css] z-index 초기값 auto 사용 주의
이전 다음
전체 목록