웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Jquery 를 이용한 Water Ripple Effect(물 파장효과)
해피CGI윤실장
2020. 11. 20. 09:06
jQuery 를 이용하여 물파장 이펙트를 주는 플러그인 입니다.
사용방법은 매우 심플 합니다.
# 라이브러리 호출 합니다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js"></script>
# 컨테이너를 만듭니다.
<div class="full-landing-image">
# 스크립트를 실행 합니다.
<script>
$(".full-landing-image").ripples({
resolution: 200,
perturbance: .004,
});
</script>
한가지 아쉬운점은 데모 사이트는 멋지게 작동하지만 샘플 코드는 너무 심플한것 같습니다.
라이센스는 별도 안내가 안되어 있지만 코드힘에서 확인했을 때 이미지에 MIT 라이센스로 명시가 되어 있네요.