일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #솔루션
- #동영상
- #cgimall
- javascript
- 쇼핑몰
- 웹솔루션
- 해피씨지아이
- #이미지
- CSS
- #업종별
- 홈페이지
- #해피CGI
- #happycgi
- 해피CGI
- happycgi
- #image
- jquery
- CGIMALL
- #jQuery
- #뉴스
- #홈페이지
- #홈페이지제작
- 게시판
- 홈페이지제작
- php
- #웹솔루션
- 사이트제작
- #쇼핑몰
- 솔루션
- #CSS
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] [jquery] Motion Hover Effects 본문
* Motion Hover Effects
이미지 왜곡으로 흥미로운 호버 효과나타내는 jquery 플러그인.
주요 기능은 `이미지 왜곡 효과`, `이미지 스트레치 효과` 가 되겠습니다
* License
웹 사이트, 웹 앱 및 판매용 웹 템플릿과 같은 개인 또는 상업용 프로젝트에 통합되거나 구축 된 경우 자유롭게 사용할 수 있습니다. "있는 그대로"리소스를 가져 와서 판매, 재배포, 재 게시 또는 "플러그인"버전의 리소스를 판매 할 수 없습니다. 이 리소스를 사용하여 빌드 된 무료 플러그인에는 눈에 띄는 언급이 있어야하며 원본 저작물에 연결되어야합니다.
* 사용방법
첨부된 압축파일을 해제하여 원하는 웹루트 디렉터리에 업로드 합니다
적용할 html 문서에 아래와 같은 구조형태로 코드를 삽입해야 합니다
제공된 css 파일 상단에 선언
멘트 및 이미지 출력부분
스크립트 선언부
적용된 결과는 아래와 같습니다
이미지 영역에 해당하는 곳에 마우스를 대면 왜곡 및 스트레치 효과의 확인이 가능합니다
첨부된 압축파일에 샘플도 들어있으니 참고하여 사이트 작업에 활용하시면 되겠습니다
(index.html, index2.html, index3.html 각각 조금씩 다른 효과를 나타내니 참고하시기 바랍니다)
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
Comments