Faded gradient separator barsDecember 3rd, 2013 by Michael Jasper
Here is a technique for creating both horizontal and vertical separator bars with pure css.
Using CSS3 radial gradients positioned off element, just the tip of the gradient is show, giving the line a nice shadowed/faded look:
border-top:1px solid rgba(0, 0, 0, 0.3);
background: radial-gradient(ellipse at 50% -100%, rgba(0,0,0,0.6) 0,rgba(255,255,255,0) 70%); /* W3C */
This technique can be applied to <hr> tags for semantic breaks in content, or they can be applied to any element or class as an effect.