CSS Section Separator Generator

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