THAPA TECHNICAL

HOUSE OF WEB DEVELOPERS AND TECHNOLOGY.

#jQuery Water Ripples Effects using jQuery Plugin In Hindi

Water Ripples Effects using jQuery Plugin In Hindi




SOURCE CODE


<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
*{
margin: 0; padding: 0;
}

.waterbody{
width: 100%; height: 100vh;
background-image: url('water.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>

<header class="waterbody">
<p>  DONATION FOR SUPPORT:    PhonePay = vinodbahadur@ybl      GooglePay: vbthapa55@oksbi
 Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :)
  </p>
</header>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js"></script>


<script>
$('.waterbody').ripples({
waterbody:0.04,
resolution:300,
});
</script>

</body>
</html>


1 comment:

  1. How to achieve this on img tag, I mean image using from front side, not using css background propertry

    ReplyDelete