CSS Wavy Background - Html Css Background Trick - Pure Css Tutorial

PNG? Seriously? :D Please use SVG.. It looks so much better and smoother..

super bro

Thanks a lot.....i am waiting for this in long time

hmmm not the best way to do it, as the effect depends on matching the image color to the body background color and you're using content (a .wave div) for presentation purposes. I think clip-path would work much better, allowing for a responsive implementation, see-through if other elements are placed bellow, and even transition shapes (if you decide to use an extremely complex poligon instead of an SVG)

You could even use masking, if for whatever reason you prefer using the PNG instead of an SVG

Your da best thks

The guy knows the job!

great trick

What are these kind of borders called can't seem to find the gargons

i love you

teşekkürler

Hi i wanted to know what text editor are you using

Make moving wave in the same place

kewl

hello sir please teach php too

Great

i need the wassp link plz :D

so basically you have put a white image on the background

pathetic. using a png for that... learn your shit before you share your nonsense. SVG????

Bro I have tried and tested 20 times with same lines of code but it is not working 😢

"Pure CSS"

it's not pure CSS if you need photoshop homie

clip-path

ok nice but why u dont use svg instead png???

Sorry this is not css

if the body had background for example black don't appear well

Pure CSS?

Thank you so much, I love how it made my website beautiful.

Thanks this was very very useful

mines not showing up on my website, please help

Osm bhaii

Very nice but does not work properly when zooming over 100%. The the wave drops down and the straight line is exposed. Any idea what fix is required?

Thank you sir! I really appreciated your efforts :) very helful channel thanks again

Pure css in photoshop!

perfect 🖕

I'm sorry but adding an image is not "pure CSS". Thumbs down.

loved it thanks man really helpfull

Please change the title of your video, this is an image instead of css

quality so poor

You could do it with clip path

sublime is not free search sublime text 3 license

Wow, that's some pure hack!!!!

Thanks bro

Not bad.

Why position relative is used in wave class ?? What does this thing do with before!
can anyone explain ??

"pure css" lol

nice at last i found it thank you ❤

Thank you