CSS Section Separator Generator

Controls

6

Get the separator code

Copy
copied

CSS section divider description

With this CSS Section Separator Generator, you can choose between 6 different dividers. Each of them can be customized by using the controls in the preview field.

The tool includes a skewed divider, a semi-circle divider, a wave divider, a spikes divider, a triangle divider and a curved divider. Most of these dividers are pure CSS and using the ::before and ::after pseudo-elements. Some need an additional HTML element.

If you enjoyed this tool, subscribe to my newsletter below to get notified when I release something new.

You might also like

Blur Background CSS Generator

Websites For Creative Backgrounds

Animated CSS Background Generator