Efeito sombreado no link hover



Ola amigos tudo bom com vocês?
A dica de hoje é na personalização dos links com o efeito sombreado, detalhe que marca com uma leve sombra ao descansar o mouse. O efeito aparece apenas nos links que desejar utilizar este recurso.

(Descanse o mouse)

Copie o código abaixo, cole antes de ]]></b:skin> e salve.
a.assombreado{ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 250ms ease; } a.assombreado:hover{ color:#79CDCD; text-shadow: 0px 0px 12px #79CDCD; }

Cor da font
Cor da sombra do Link

Para utilizar o efeito copie código abaixo e cole onde deseja exibir o link.

<a href=" ENDEREÇO " class="assombreado"> NOME DO LINK </a>

Confira a tabela de cores para mudar as cores do link.

20 comentários:

  1. Adorei este tutorial acho que vou usar...
    Beijos
    http://meninadivadamodaoficial.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Como coloco este Google + na lateral?
      Beijos

      Excluir
    2. Oi amiga, lggo-logo estarei disponibilizando, estou com alguns pedidos e me enrolei com algumas atualizações mas assim que estiver td em ordem esse estará aqui tbm ^^... bj bj

      Excluir
  2. Olá!!!, Deus te abençoe boa tarde, amiga obrigada pela visita
    amo o seu blog você me da cada dica eu só tenho agradecer sucesso amiga.
    Canal de youtube: http://www.youtube.com/NekitaReis
    Blog: http://arrasandonobatomvermelho.blogspot.com.br

    ResponderExcluir
  3. Nossa , é bem fácil e lindo :O
    Amei !
    miss-teensami.blogspot.com

    ResponderExcluir
  4. Que bonito seu blog, adoreii.
    Beijoo

    Blog: http://mariasaratonini.blogspot.com.br/
    Fan Page: https://www.facebook.com/blogdonamaria

    ResponderExcluir
  5. Fica um efeito muito bonito. Bjus!

    galerafashion.blogspot.com.br

    ResponderExcluir
  6. Eu não conseguir fazer :/ botei outro
    Ah , eu mudei de blog , segue lá ?
    http://candytendy.blogspot.com.br/

    ResponderExcluir
  7. Este comentário foi removido pelo autor.

    ResponderExcluir
  8. é lindo, mas nunca consigo fazer rsrs
    beijos
    garotaatrevida-01.blogspot.com.br

    ResponderExcluir
  9. fica lindo mesmo!
    beeeijos amore ♥
    contornoperfeito.blogspot.com.br

    ResponderExcluir
  10. Muito fofo o link, alem de ser super fácil XD
    fashionemcores.com

    ResponderExcluir
  11. Que fofura esse efeito. *----* Vou deixar essa página nos meus favoritos para usar em algum momento, com os devidos créditos, claro. :3
    Beijinhos.
    http://blogbecauseimagirl.blogspot.com.br/

    ResponderExcluir
  12. Ótimo tutorial, eu acho esse efeito lindo!
    Beijos,
    placestyle.com

    ResponderExcluir
  13. Adoro esses tutoriais com html (é isso, não é?). Tenho vários salvos para usar e acabo nunca usando, kkk.
    Bjus

    Rafa
    www.rafaelando.com
    *Finalmente saiu post novo da Capricho - out/94 :)

    ResponderExcluir
  14. Amei! Quero usar! Ou melhor vou usar.
    Dany segue meu blog? Já estou seguindo aqui! Muito amável!
    beijinhos

    falling-from-ts.blogspot.com.br/

    ResponderExcluir
  15. Dany!
    Efeito bem sutil e interessante.

    Obrigada pela visita feita ao blog, é sempre uma grande alegria receber seu carinho e atenção. Obrigada!
    Desejo que seu final de semana seja carregadinho de sucesso e muitas realizações!
    cheirinhos
    Rudy
    Blog Alegria de Viver e Amar o que é Bom!
    " Não viva para que a sua presença seja notada,mas para que a sua falta seja sentida..."(Bob Marley)

    ResponderExcluir
  16. Muito bom o tutorial, muito útil !

    Beeijos

    http://itsthaiis.blogspot.com.br/

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥