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> […]

Frontend Masters is an online learning platform offering  courses on frontend development technologies such as JavaScript, HTML, CSS, React, and Vue.js. Readers can learn about advanced frontend concepts, best practices, and modern development workflows from industry experts. With video lectures, exercises, and real-world projects, Frontend Masters provides  guidance and expertise for mastering frontend development skills.

Frontend Masters

Chris Coyier recreates a glowing gradient divider component as an HTML `<hr>` element using CSS custom properties and gradients. He makes it highly configurable using his slideVars library, which he recently updated to preserve the order of custom properties as they appear in CSS.

Glowing Gradient `hr` – Frontend Masters Blog

<p>Frontend Masters royally kicks ass.</p>
<p><img src="https://media.tenor.com/6mhw4I_UxnIAAAAC/richard-attenborough-whip.gif" alt="GIF"></p>
