Make creative borders with background-clip border-area
How’d you like to use CSS to easily create a border from an image or gradient?
You Want border-color: transparent, Not border: none
If you find yourself removing a border from an element that has a border and are tempted to use border: 0 , border: none, or outline: none, I’d urge you to stop for a moment and reconsider. It’s li…
The Complex But Awesome CSS border-image Property — Smashing Magazine
The CSS `border-image` property is one of those properties you undoubtedly know exists but may not have ever reached for. In this article, Temani Afif demonstrates different approaches for using `border-image` to create clever decorative accents and shapes.
The Math Behind Nesting Rounded Corners
I was recently designing an interface with a lot of rounded corners. But, when I nested rounded corners it looked off somehow...
Fancy Border Radius Generator
Generator to build organic shapes with CSS3 border-radius
Fancy CSS Borders Using Masks | CSS-Tricks
In this article, we look at modern CSS mask techniques to create three fancy CSS borders without having to use a background image.