Skip to content
loading...
Cover image for How to create decorative section dividers in CSS
CodyHouse profile image CodyHouse

How to create decorative section dividers in CSS

guerriero_se profile image Sebastiano Guerriero twitter logo ・1 min read  

In the first part of this tutorial, you'll learn how to create a vector divider in Illustrator using brushes and effects. In the second part, you'll learn to integrate the divider into an HTML+CSS project.

Final result:

To follow along the tutorial, fork this pen on Codepen:
🕹 codepen.io/codyhouse/pen/Wqvpmm

or download CodyFrame on Github:

Here's the video tutorial:

Originally published on CodySchool

twitter logo DISCUSS
We eat pizza 🍕, drink coffee ☕️, and ship web design products 🤖.
Discussion
markdown guide
Classic DEV Post from Jul 26 '19

🎩 JavaScript Enhanced Scss mixins! 🎩 concepts explained

In the next post we are going to explore CSS @apply to supercharge what we talk about here....

CodyHouse profile image
✨ Web design nuggets

🐞 Looking for a great UI Framework? Check our library of accessible web components.