CUSTOM BULLETS - Triangular List Bullets - FADING SEE (http://css-tricks.com/snippets/css/triangular-list-bullets/)

by bizamajig

HTML

<ul>
   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
   <li>Aliquam tincidunt mauris eu risus.</li>
   <li>Vestibulum auctor dapibus neque.</li>
</ul>

CSS

ul {
    margin: 0.75em 0 0 1em;
    padding: 0 1em;
    list-style: none;
}
ul li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;

    opacity:0;
    transition:opacity 1s;
}
ul li:hover:before {
    opacity:1;
}