Interactive Liquid Effect - Vanilla JS

Watch as I show you how to create a sweet interactive liquid effect using just divs!

Tools used: HTML, CSS, JavaScript

Music Credits:

When I Was Younger - StreamBeats - Lofi - Harris Heller
Moderna Warfare - StreamBeats - EDM - Harris Heller

[Micsmit_]

Where was this channel when I did my html course two semesters ago? These things would have been soo cool

[lilyydotdev]

I can foresee this creating hundreds of divs

[ashketchum]

I have just started learning web development 2 months ago and this guy is scaring me.

[thelastagain]

This is such a great way to explain this stuff

[cat-.-]

Hey I found this cool website for when your phone has too much battery left!!!

[wristocrat]

Wow dude! This video is perfect in every way. You explained EVERY step of the way! Editing smooth af too. ❤

[_yannis]

What really triggers me is the giant number of divs this will create.

[omargamino]

Thanks for the video, really good stuff!

[aidennelson]

Wow, that looks great, thanks! May God bless.

[Mgdfurry]

Do u have a lesson, i was really interested about it

[Totaie]

Video idea: A Parallax Background that moves when you move you mouse.

[njfdeuS]

when I delete the <div class="bubble"> it disappears, can only get to the odd floating orb part of the tutorial :( please advise. I got the code directly from codepen FYI.

[chemicalgen]

my guy, where were you all this time?

[onkelhoy]

Just use lines instead this could be a huge performance issue,

Look into lines + sinus curve water waves

[lissleShark]

why can't I create the bubble? I tried following the short but it's just not showing on screen

[ft_in]

canvases or svgs are better than using a bunch of divs. it would lag a lot once it reaches a certain number of nodes in a webpage depending on the power of the computer.

[NiceO]

imagine if you could pick it up by holding left click and splash it around and stuff

[MundoGeeky]

ohh if we could learn by osmosis! :')