How is it done – A gradient border with a single element
- Published at
- Updated at
- Reading time
- 1min
It took me a while to figure out how CSS Tricks do these fancy looking gradient borders in their new redesign. And because I want to sharpen my design skills I made a sketch explaining how it works.
Partially related: background clip is configurable for every background gradient separately.
You can play around with it on CodePen.
Was this post helpful?
Yes? Cool! You might want to check out Web Weekly for more web development articles. The last edition went out 6 days ago.
Yes? Cool! You might want to check out Web Weekly for more web development articles. The last edition went out 6 days ago.