/ Published in: CSS

URL: http://www.woobzine.com/files/demos/menublurpadding/index.php
Expand |
Embed | Plain Text
<style> ul.blur-menu { background: #000; float: right; list-style-type: none; } ul.blur-menu:hover li { margin-top: -100px; padding-bottom: 100px; text-shadow: 0 100px 3px #fff; } ul.blur-menu:hover li:hover { color: #fff; text-shadow: 0 0 1px #fff; margin-top: 0px; padding-bottom: 0px; } ul.blur-menu li { float: left; margin: 0; padding: 0 0 0 20px; text-shadow: 0 0 10px #000; } ul.blur-menu li a { color: #fff; text-decoration: none; } </style> <ul class="blur-menu"> <li><a href="#" title="">Index</a></li> <li><a href="#" title="">Lyrics</a></li> <li><a href="#" title="">Dreams</a></li> <li><a href="#" title="">Feathers</a></li> <li><a href="#" title="">Beyond</a></li> <ul>
You need to login to post a comment.