.elementor-18 .elementor-element.elementor-element-b8d38ec{--display:flex;--background-transition:0.3s;--margin-top:-40px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-4bbb14c{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-18 .elementor-element.elementor-element-4bbb14c:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-4bbb14c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arvisomindia.com/wp-content/uploads/2021/08/wood-o-background.svg");background-position:left bottom;background-repeat:no-repeat;}.elementor-18 .elementor-element.elementor-element-4bbb14c, .elementor-18 .elementor-element.elementor-element-4bbb14c::before{--border-transition:0.3s;}.elementor-18 .elementor-element.elementor-element-bd08a1e .wd-products-with-bg, .elementor-18 .elementor-element.elementor-element-bd08a1e .wd-products-with-bg .wd-product{--wd-prod-bg:#EFDFC6;--wd-bordered-bg:#EFDFC6;}.elementor-18 .elementor-element.elementor-element-437d3aa8{margin:0px 0px 80px 0px;}.elementor-18 .elementor-element.elementor-element-5371629c .title-subtitle{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18 .elementor-element.elementor-element-6b73870a .wd-testimon .wd-testimon-text{color:#FFFFFF;background-color:#EB9F2C;}.elementor-18 .elementor-element.elementor-element-6b73870a .wd-testimon .wd-testimon-text:before{border-bottom-color:#EB9F2C;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-b8d38ec{--margin-top:-40px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-4bbb14c{--padding-top:0px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-18 .elementor-element.elementor-element-437d3aa8{margin:0px 0px 60px 0px;}}@media(max-width:768px){.elementor-18 .elementor-element.elementor-element-b8d38ec{--margin-top:-40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-4bbb14c{--padding-top:0px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-18 .elementor-element.elementor-element-437d3aa8{margin:0px 0px 40px 0px;}}/* Start custom CSS for container, class: .elementor-element-b8d38ec */Water Ripple Effect Code
<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"
Home
Water Effect Tutorial
Elementor Pro Tutorial
Tutorial
YouTube Channel
en English/* End custom CSS */