Advanced Search

Return to Snippet

Revision: 36075
at November 17, 2010 19:31 by pmigueld
Initial Code 
hr {
    border: 0;
    height: 1px;
    background: -moz-linear-gradient(left center, transparent, black, transparent);
    background: -webkit-gradient(linear, left center, right center,
                                 color-stop(0, transparent),
                                 color-stop(0.5, black),
                                 color-stop(1, transparent));
}
Initial URL 
http://jsbin.com/acomi4/2/
Initial Description 
A subtle gradient effect for <hr> tags. Works on Firefox and Webkit browsers (i.e. Chrome / Safari / Midori).
Initial Title 
Gradient Horizontal Rule
Initial Tags 
css
Initial Language 
CSS