Advanced Search

Return to Snippet

Revision: 58294
at July 6, 2012 13:16 by thewickedchemist
Initial Code 
HTML:

<nav class="menu" role="navigation">
    <ul>
        <li><a href="#">Item One</a></li>
        <li><a href="#">Item Two</a></li>
        <li><a href="#">Item Three</a></li>
        <li><a href="#">Item Four</a></li>
        <li><a href="#">Item Five</a></li>
    </ul>
</nav>


CSS:

.menu ul li { display: inline; }
.menu ul li a {
    color: black;
    float: left;
    text-decoration: none;
    padding: 10px 25px;
    letter-spacing: 1px;
}
.menu:hover li a {
    text-shadow: 0px 0px 3px #555;
    color: #bbb;
}
.menu li a:hover {
    color: black;
    text-shadow: 0px 0px 0px #000;
}
.menu li a:active {
    position: relative;
    top: 2px;
}
Initial URL 
http://www.design-ninja.net
Initial Description 
Html and CSS included...
Initial Title 
CSS Blur Menu Navigation
Initial Tags 
css, html, navigation
Initial Language 
CSS