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.

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

You might also like

Subscribe to the Newsletter

Don't miss the next update. Drop your email below and get it straight in your inbox.