CSS Section Separator Generator

1 min read Original article ↗

Controls

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.

You might also like

Blur Background CSS Generator

Blur Background CSS Generator

Websites For Creative Backgrounds

Websites For Creative Backgrounds

Animated CSS Background Generator

Animated CSS Background Generator