CSS Section Separator Generator


Get the separator code


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