Glowing Gradient `hr`

Chris Coyier Chris Coyier on

I ran across this website Very Good Components the other day and thought it was a neat idea to have a design gallery that wasn’t whole websites but individual components. They actually went a bit further and have configurable code for them. Here’s a Glowing Gradient Divider. I decided to remake it as an <hr> because… that’s just what I do sometimes. Only to make mine super configurable, I used my own slideVars library. For no other reason than I think it’s cool, I’ll mention I just fixed slideVars up to list the --custom-properties in the order you put them in your own CSS in v1.5.0.

Wanna learn modern CSS layout?

Leave a Reply

Your email address will not be published. Required fields are marked *

$966,000

Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.