Water Ripple Effect Code

Ripple Effect
				
					  <title>Ripple Effect</title>
</head>
<body>
<section style="max-height: auto; width:720px; margin: auto;">
  <div id="ripple" style="height: 400px; 
     background: url('https://diywebsitespro.com/wp-content/uploads/2022/10/maxresdefault.jpg') ; background-size: cover;
  background: 100;
  ">
  </div>
</section>


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>

<script src='https://cdn.jsdelivr.net/npm/jquery.ripples@0.6.3/dist/jquery.ripples.min.js'></script>

<script  src="./script.js"></script>

<script>
    $('#ripple').ripples({
	resolution: 512,
	dropRadius: 20,
	perturbance: 0.04,
});
    
</script>

</body>
</html>
				
			
alt="tutorials" alt="Hexagon Portfolio Code" alt="GLOWING NEON TEXT" alt="Water Ripple Effect " alt="Water Ripple Effect code" alt="Rotate And Z-Index" alt="Not Linktree" alt="User IP and Location" alt="auto play video" alt="Click Button to Change Image And Text Using Elementor" alt="7 Day Repeat Countdown Timer" alt="Blog Posts Only" alt="Change Background And Text Colour On Scroll Code"