/ Published in: CSS
Html and CSS included...
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
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; }
URL: http://www.design-ninja.net