Fancy Divider

Made with: HTML,CSS (SCSS)

View Code

Svg Section Divider

Made with: HTML,CSS (SCSS)

View Code

Svg Section Dividers

SVG section dividers, embedded with data-uri & colored with SASS.

Made with: HTML (Slim),CSS (SCSS)

View Code

Slanted Sections

Made with: HTML,CSS

View Code

Waves Content Divider

Waves content divider using CSS.

Made with: HTML,CSS

View Code

Vertical Divider

CSS vertical divider - coloured and animated.

Made with: HTML,CSS

View Code

Svg Page Separator

Simple page separator with SVG.

Made with: HTML,CSS (SCSS)

View Code

Row Separator

Row Separator - collection of divider styles.

Made with: HTML,CSS

View Code

Responsive Scalloped Page Dividers

Responsive scalloped page dividers using CSS gradients.

Made with: HTML,CSS

View Code

Responsive Skewed Page Dividers

Responsive skewed page dividers using CSS gradients only.

Made with: HTML,CSS

View Code

Rainbowy Dashed Divider

Pretty CSS rainbowy dashed divider.

Made with: HTML,CSS (SCSS)

View Code

A Collection Of Separator Styles

A collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-elements, using gradients and inserting SVG graphics with responsiveness in mind.

Made with: HTML,CSS

View Code