Link hover effect

Just a simple hover effect for links.

by neeklamy

HTML

<div id="topNav">
    <ul>
        <li> <a href="#">Latest news</a>

        </li>
        <li> <a href="#">Information</a>

        </li>
        <li> <a href="#">Projects</a>

        </li>
        <li> <a href="#" target="_blank">Twitter</a>

        </li>
    </ul>
</div>

CSS

body #topNav a {
    color: #3DA1BF;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
body #topNav a:hover {
    color: transparent;
    text-shadow: 0 0 4px #90b9c8;
}
/* Boilerplate */
#topNav li {
    display: inline-block;
    float: none;
    margin: 0 10px;
}
#topNav li a {
    display: inline-block;
    line-height: 26px;
}