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

이미지를 돌려요 ~

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

게시글 목록

번호 제목
1515
HTML [css] 속기 font 속성 사용시 주의
1514
HTML 공백 문자의 병합
1513
HTML 제대로 단위 사용하자
1507
HTML 혹시.. color=grey 라고 아세요? 5
1501
HTML 거참 이거 질답에올려야하나여기올려야하나;; 5
1499
HTML 이미지를 돌려요 ~ 1 현재글
1498
HTML css3 메뉴
1497
HTML 스타일시트 선언에서 media="screen" 와 media="print"의 차이점
1495
HTML 가변 위치에 배너 붙이기 1
1491
HTML [css질문]<input type=text>에 한글을쓰면 textbox가 움직이는데... 3
1488
기타 알아두면 손 발이 편한 du 명령어 3
1487
HTML [vim] 주석 달기~ 1
1470
기타 div 레이아웃 잡기! 17
1466
HTML 브라우저별 개발모드 3
1465
JavaScript Http Live Stream 에 관하여
1453
JavaScript img 자체에서 이미지 없을때 안보이게 하기 12
1449
기타 이미지맵 만들어주는 프로그램 4
1441
HTML 유용한 함수 get_included_files 7
1435
HTML 메타데이타를 제거하여 이미지 최적화하기 5
1434
HTML Loading Panel Widget
1432
HTML 도와 주세요 1
1431
HTML DOM Method & Property
1429
HTML [유용한팁][날짜]지정 년월의 마지막 일 구하기 1
1428
HTML [유용한팁][날짜]오늘의 년월일 가져가기
1427
HTML [유용한팁][날짜]요일 구하기[월화수목금토일]
1426
HTML [유용한 팁][이벤트]사파리의 onload event
1424
HTML 지역 3단계로 되는 동적셀렉트좀 봐주세요...ㅠㅠㅠㅠ 1
1422
HTML 툴바 프로그램개발할때.... 1
1417
HTML 코드 잘 모르는 이가 질문 4
1415
HTML 회원이 물품구매시 관리자페이지에 있는 관리자가 리플레쉬 안하고 바로 아는방법?? 1
이전 다음
전체 목록