CSS border gradients

Two methods of creating border gradients.

HTML

<div class="one">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero s</div>

CSS

/* Using only background gradients */

.one { 
    width: 400px;
    padding: 20px 25px;
    border-top: 1px solid #000;
    margin: 40px auto;
    background-image: -webkit-gradient(linear, 0 100%, 0 100%, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(#000, transparent);
    background-image:
        -moz-linear-gradient(#000, transparent),
        -moz-linear-gradient(#000, transparent)
    ;
    background-image:
        -o-linear-gradient(#000, transparent),
        -o-linear-gradient(#000, transparent)
    ;
    background-image: 
        linear-gradient(#000, transparent),
        linear-gradient(#000, transparent)
    ;
}