MENÚ

menú vertical 1


<div id="fondomenublur">
<div style="font-family:century gothic;font-size:10px;color:#cdcdcd;text-align:center;font-style: normal;border-bottom:2px solid #F7FE2E;">Menu</div>
<ul class="menublur"><br/>

<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>

</ul>

<br/></div>

<style>
#fondomenublur {
    background: url(https://lh4.googleusercontent.com/-JTqimxkqoQE/UFK52DABkYI/AAAAAAAAGB0/Lm_nYaBhY3Q/s505/fondo%2520menu%2520Blur%2520-%2520REDEANDO.jpg)repeat scroll 0 0 #000000;
    font-family: helvetica,sans-serif;width:100%;
    font-weight: bold;border:4px solid #cdcdcd;
    font-style: italic;
}

.menublur li{
    font-size: 28px;
    display:block;
}

.menublur li a{
    text-decoration:none;
    text-transform:uppercase;
    color:transparent !important;
    text-shadow: 0px 0px 6px #F7FE2E;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.menublur li a:hover{
    color:#FFF !important;
    padding-left:10px;text-shadow: -1px 0 #FAD210, 0 1px #FAD210, 1px 0 #FAD210, 0 -1px #FAD210, -1px 1px 2px #FAD210 !important;
}

.menublur:hover li a{
    text-shadow: 0px 0px 6px #666;
</style>

No hay comentarios:

Publicar un comentario