DEV Community

🚩 Atul Prajapati 🇮🇳
🚩 Atul Prajapati 🇮🇳

Posted on Edited on

Water ripple effect with pure HTML CSS and jquery 🤽‍♂️

Hi, coding people 🙋‍♂️
Hope you all doing well ✌️ and in this dev post you will learn how to make water ripple effect with pure HTML CSS and one JavaScript library 🍒

Stay home and learn anything💋

Top comments (6)

⭐ Must Read: atulcodex/water ripple effect with pure html css and javascript jk - ประเด็นร้อน
 
madza profile image
Madza • • Edited

title should be "Water ripple effect with HTML, CSS and jQuery.ripples"
otherwise I was expecting water ripple effect using just vanilla JS..

⭐ Must Read: atulcodex/water ripple effect with pure html css and javascript jk - ประเด็นร้อน
 
stephanie profile image
Stephanie Handsteiner •

It's not just me then.

It's the same when people are saying “It's pure HTML and CSS“, then you look at the pen and see a bunch of JavaScript in there.

⭐ Must Read: atulcodex/water ripple effect with pure html css and javascript jk - ประเด็นร้อน
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳 •

You are right brother 👊

⭐ Must Read: atulcodex/water ripple effect with pure html css and javascript jk - ประเด็นร้อน
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳 •

Thanks for the suggestion 👍

⭐ Must Read: atulcodex/water ripple effect with pure html css and javascript jk - ประเด็นร้อน
 
shadowtime2000 profile image
shadowtime2000 • • Edited

First of all, this isn't pure JS. This is JS with jQuery which is a hella large library. That kind of makes the title pretty much misleading. Second, this really isn't a tutorial which you put it as a tag. Your kind of just giving a codepen, it would be nice if you at least explained it so it is more of a tutorial. Lastly, this doesn't seem to be anything that warrants a post at all. All that is being done is calling a simple jQuery function in JS with some parameters.

⭐ Must Read: atulcodex/water ripple effect with pure html css and javascript jk - ประเด็นร้อน
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳 •

Hey shadowtime2000,
first of all, I'm really sorry for that silly mistake and I have solved my mistake you can check again.
Question: why I don't try to explain all things with code?
answer: The main reason is that, if I will try to write and explain the entire code it will take much time for me after that I will be disappointed to share my learning journey,

And yes be sure I will try my best to explain my projects in future :)

cheers Atul