Menu Funny Shadow

    Oie gente, tudo bem? Hoje estou muito feliz, finalmente concluímos uma meta, queria agradecer a todos pelos 209 seguidores, agora estou muito animada com o blog,parece que finalmente as coisas estão andando por aqui, os números de visitas estão aumentando muito, os leitores estão comentando bastante, e estou muito disposta a trazer post legais e novidades para cá, tomara que essa animação não passe né? bom espero que continue assim e espero que os leitores continuem contribuindo  para o crescimento do Zombie Cutie. Por isso para celebrar minha alegria toda,trouxe um tutorial muito legal para vocês, trata-se de um menu muito fofo, o nome dele é Funny Shadow que no português quer dizer "Sombra Engraçada" não me perguntem o porque do nome rsrsrs, mas nem tudo é loucura não viu! o fato é que ele apresenta um efeito de sombra bem bacana, espero que gostem do tuto, então vamos lá ver?

Preview

Passo 01- Primeiramente coloque o código abaixo acima da tag ]]></b:skin>

/* menu ghosts por giovanna c. (ventos-de-setembro) - efeito 4 */
.ghosts4 {color: #6b6a8d; font:35px "Bandless"; text-align:center; text-transform: Uppercase; display: inline-block; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; letter-spacing: 2px; text-align:center; }.ghosts4:hover {text-shadow:5px -5px 0px rgba(0,0,0,0.1), 15px -15px 0px rgba(0,0,0,0.2);; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

Passo 02- Agora cole o código abaixo em um  HTML/JAVASCRIPT  onde você quiser que apareça.

<div class="ghosts4">Conteúdo</div>

   Prontinho!!, rápido né? então gostou? se você gostou do menu e pretende usar, por favor não deixe de colocar os créditos, beijão e até a próxima postagem.