웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] [jquery] Motion Hover Effects 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] [jquery] Motion Hover Effects

해피CGI윤실장 2020. 2. 17. 09:23

* Motion Hover Effects

이미지 왜곡으로 흥미로운 호버 효과나타내는 jquery 플러그인.
주요 기능은 `이미지 왜곡 효과`, `이미지 스트레치 효과` 가 되겠습니다


 
* License

웹 사이트, 웹 앱 및 판매용 웹 템플릿과 같은 개인 또는 상업용 프로젝트에 통합되거나 구축 된 경우 자유롭게 사용할 수 있습니다. "있는 그대로"리소스를 가져 와서 판매, 재배포, 재 게시 또는 "플러그인"버전의 리소스를 판매 할 수 없습니다. 이 리소스를 사용하여 빌드 된 무료 플러그인에는 눈에 띄는 언급이 있어야하며 원본 저작물에 연결되어야합니다.




* 사용방법

첨부된 압축파일을 해제하여 원하는 웹루트 디렉터리에 업로드 합니다
적용할 html 문서에 아래와 같은 구조형태로 코드를 삽입해야 합니다

제공된 css 파일 상단에 선언




멘트 및 이미지 출력부분





스크립트 선언부





적용된 결과는 아래와 같습니다
이미지 영역에 해당하는 곳에 마우스를 대면 왜곡 및 스트레치 효과의 확인이 가능합니다



첨부된 압축파일에 샘플도 들어있으니 참고하여 사이트 작업에 활용하시면 되겠습니다

(index.html, index2.html, index3.html 각각 조금씩 다른 효과를 나타내니 참고하시기 바랍니다)




홈페이지바로가기

Comments