Gradient HR - gecko-8/devwiki GitHub Wiki

Up

This hr will be two pixels high and fade from transparent to red and back to transparent.

NOTE: The border of 0 is critical.

hr {
  background-image: linear-gradient(90deg, transparent, red, transparent);
  
  border: 0;
  height: 2px;
}