[해피CGI][cgimall] Jquery 를 이용한 Water Ripple Effect(물 파장효과)

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 라이센스로 명시가 되어 있네요.