Animated Background For Website Header Using CSS & Vanilla Javascript | CSS Animation Effects

Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------

------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

[МансурАкаюмов]

Hi, please make video about "how to find ui design for web sites!"

[carloseduardolopezpalacios]

I'm building a web site with this animation and I see that this animation brokes on responsive (width:320px).
Solve the isue change square.style.left to square.style.right

[shamim_akash]

You should add voice over. So everyone can understand what is happening and why, step-by-step. Your vedio quality will be much better

[LuisDawson-pp]

can you replace the squares with images?

[beck]

One of the coolest channels ever on YouTube!🔥

[damianbalas]

For performance improvement you shouldn't remove and create the squares again... just hide -> reposition -> start animation over again :) Anyway nice video :)

[BreadcrumbMC]

is there a way to make it text instead of squares?

[developertools]

me : successfully prints "Hello World"
I'm gonna hack Nasa now.

[raisulislam]

nice !! bt one qs, from where u r getting the innerHeight & innerWidth ??

[viswanadhapallapothu]

How I can add images plz tell me. const colors =['url()'] it is the right or not

[Samaelish]

It's very good, but what if I want circles, not squares? How do I make them round?

[ngoctrannguyen]

Amazing tutorial. Thank you so much. ❤❤❤

[guillermofloresalcantara]

hi thanks for this nice design XD, I tried to make it responsive, but I can't T.T

[emanuelefavero]

Hey man I would like to join your channel for 4.99€, do you provide source codes? How does it work?

[Frankslaboratory]

Another nice background effect, well done :)

[pagladashu]

This video is awesome... I haven't Anything to explain

[shhdevon]

pls make search page with css/js button!

[praveshsharma]

I have seen it before on another channel, just color is changed in it

[carlosq]

you change text editor, VS ! great ! welcome

[BaronCorve]

Great tutorial. This was really amazing.