CSS Wavy Background Tutorial | Section Dividers | FREE

Here's an easy tutorial on creating CSS dividers.

These are a really popular trend right now in modern web design. You can use these non-rectangular separators to create more interesting, 3-D layouts that pop a lot more than the plain, straight-across, boring sections of old.

You'll see how to design your shape (with a SUPER easy drag-and-drop editor), and then how to use it on both a regular HTML website AND a Wordpress site (in this case, using the Divi theme).

The app is free to use!

------------------
------------------

[ArifRoohany]

Thanks from afghanistan.
love with your good tuturials.

[jeffbarnhart]

Thank you very much. I had attempted something like this earlier in the week and thought it was hopeless.

[zachmurri]

Thank you, this works even better with Gutenburg where you don't have to remove any of the bloated padding and margin DIvi or Elemenotr add

[emmakawira]

finally have got the perfect tutorial for my problem. thanks brandon

[-factos]

Thank You So Much Bro.
It's Working Perfectly !!!

[kingaboros]

thanks for this tutorial, however, mine it's coming back as black and I don't know why..:( I selected white

[Brandon-lm]

Do you do personal consulting? I have some shapes I'd like for you to help me alter.

[piotisnaturals]

thank you! I tried it on my Shopify website I am building now, using the Pagefly builder and it worked. The position" relative I edited that in the CSS code which I put in the HTML/LIQUIFY editor. Then did a bit of configuration (height etc) for the section the HTML/Liquid code editor belong to, and it gave me the curve that I was looking for. Thanks again!

[nikolazt]

U absolutely rock bro, you help me a lot

[shamsuzzamanimon]

finally i got a perfect css wave tutorial video
thanks a lot bro

[duzx]

im having issues with the "empty space" of the svg... It´s color is black. Any ideas?

[ericochieng]

this was helpful and straight to the point

[sebastian]

what is the name of background music
?

[nertia]

Is there a way to make a curved *vertical* border?

[karlo-oz]

Hi, how could I set it in vertical behavior?

[bluhuedesigns]

Hi Brandon, thankyou for this video, I am wondering if there is a way to use slanted lines as a section divider on divi (or other wordpress theme) when I use this method the background is not coordinating

[vm]

thanks Brandon. It was very helpful. Love your content

[raj]

what if we wanted to put the text inside that shape?

[mnchabel]

Cool, I see Elementor has simplified such.

[christiandavidvalenzuelago]

You are AWESOME DUDE! THANK YOU SO MUCH!