CUSTOM BULLETS - FADING

by bizamajig

HTML

<ul>
    <li>Foo</li>
    <li>Bar</li>
    <li>John</li>
    <li>Smith</li>
</ul>

CSS

ul { 
    list-style:none;
    margin:0;
    padding:0;
}
ul li:before { 
    content: "\2022";
    opacity:0;
    padding:0 5px 0 10px;
    margin:0;
    transition:opacity 1s;
}
ul li:hover:before {
    opacity:1;
}