Crie uma linda linha horizontal somente com CSS

Question

Mar 05, 2013, 04:57 AM

Crie uma linda linha horizontal somente com CSS

Existe um tutorialAqui sobre como fazer isso no photoshop:

Eu estou tentando fazer isso apenas com CSS. O mais perto que eu poderia chegar é nesteviolino.

hr.fancy-line { 
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
    box-shadow: 0px -2px 4px rgba(136,136,136,0.75);
}