SIR
골

이미지를 돌려요 ~

낄낄닷컴
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 14년 전 · 1074 · 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 이하는 되지 않습니다.
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
|
글쓰기

댓글 1개

pport
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
제목이 좀 잘못되었네요 오타인듯... 아미지 -> 이미지
이전글목록다음글
댓글을 작성하시려면 로그인이 필요합니다. 로그인

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
14년 전 조회 772
14년 전 조회 918
14년 전 조회 1,632
14년 전 조회 2,727
14년 전 조회 1,980
14년 전 조회 2,041
14년 전 조회 1,445
14년 전 조회 1,255
14년 전 조회 1,157
14년 전 조회 938
14년 전 조회 402
14년 전 조회 1,317
14년 전 조회 4,423
14년 전 조회 1,289
14년 전 조회 1,055
14년 전 조회 558
14년 전 조회 783
14년 전 조회 607
14년 전 조회 487
14년 전 조회 564
14년 전 조회 553
14년 전 조회 495
14년 전 조회 1,367
14년 전 조회 684
14년 전 조회 538
14년 전 조회 514
14년 전 조회 572
14년 전 조회 866
14년 전 조회 772
14년 전 조회 1,360
14년 전 조회 978
14년 전 조회 3,443
14년 전 조회 656
14년 전 조회 1,207
14년 전 조회 951
14년 전 조회 2,686
14년 전 조회 2,297
14년 전 조회 502
14년 전 조회 1,560
14년 전 조회 513
14년 전 조회 2,312
14년 전 조회 1,855
14년 전 조회 465
14년 전 조회 5,555
14년 전 조회 820
14년 전 조회 1,329
14년 전 조회 1,148
14년 전 조회 1,196
14년 전 조회 1,070
14년 전 조회 1,075
14년 전 조회 903
14년 전 조회 1,252
14년 전 조회 1,642
14년 전 조회 667
14년 전 조회 1,041
14년 전 조회 2,081
14년 전 조회 1,931
14년 전 조회 881
14년 전 조회 1,374
14년 전 조회 3,864
14년 전 조회 599
14년 전 조회 2,588
14년 전 조회 1,368
14년 전 조회 1,797
14년 전 조회 1,016
14년 전 조회 783
14년 전 조회 787
14년 전 조회 925
14년 전 조회 1,003
14년 전 조회 1,883
14년 전 조회 3,132
14년 전 조회 2,179
14년 전 조회 887
14년 전 조회 1,499
14년 전 조회 1,744
14년 전 조회 543
14년 전 조회 1,785
14년 전 조회 3,022
14년 전 조회 1,702
14년 전 조회 2,640
14년 전 조회 3,944
14년 전 조회 3,979
14년 전 조회 2,391
14년 전 조회 832
14년 전 조회 1,117
14년 전 조회 3,940
14년 전 조회 2,262
14년 전 조회 1,413
14년 전 조회 3,782
14년 전 조회 2,459
14년 전 조회 541
14년 전 조회 2,447
14년 전 조회 597
14년 전 조회 832
14년 전 조회 1,663
14년 전 조회 1,290
14년 전 조회 1,540
14년 전 조회 1,107
14년 전 조회 2,098
14년 전 조회 775
이전 첫 페이지 다음
글쓰기
🐛 버그신고