Efeito Hover no Link


Olá amigos(a),de um charme no link do seu blog, personalizei alguns efeitos em Hover,confira abaixo descansando o mouse nos (Exemplos)

---------------------------------------------------------------------------------
Copie o código do efeito desejado, cole antes de ]]></b:skin> e salve.



(Descanse o mouse) Exemplo do efeito


a:link,a:visited{
text-decoration:none;
color:#000000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover{
color:#68838B;
background:#BFEFFF;
}





(Descanse o mouse) Exemplo do efeito


a:link,a:visited{
text-decoration:none;'
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:1px double transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#000000;
}
a:hover{
border-bottom:2px dashed #FF1493;
}





(Descanse o mouse) Exemplo do efeito


a:link,a:visited{
text-decoration:none;'
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:1px double transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#000000;
}
a:hover{
border-bottom:4px double #CDAF95;
}





(Descanse o mouse) Exemplo do efeito


a:link,a:visited{
text-decoration:none;'
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:1px groove transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#000000;
}
a:hover{
border-bottom:7px groove #98F5FF;
}





(Descanse o mouse) Exemplo do efeito


a:link,a:visited{
text-decoration:none;'
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:2px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#000000;
}
a:hover{
border-bottom:2px solid #CD96CD;
}



Não conseguiu usar? Clic aqui WWW



19 comentários:

  1. Efeitos legais Dany! ^^
    ótima quarta feira pra ti!
    bjs!

    lovelyartesanatosbymay.blogspot.com.br

    ResponderExcluir
  2. Danny. Simplesmente amei esses efeitos. Acabei de aplicar no ACESSO PERMITIDO o segundo, com algumas alterações. Amei mesmo.

    ACESSO PERMITIDO. <3

    ResponderExcluir
  3. Nossa que fofo. Vc sempre traz novidades lindas. Bjus!

    galerafashion.blogspot.com.br

    ResponderExcluir
  4. Nossa seu Blog é tão fofuxo,quando entro aqui viajo,kkk,tem um toque de encanto no ar..Parabéns pelo nosso dia,aquela frase,realmente é eu também kkk.bjs
    http://www.simonebastos2007.com

    ResponderExcluir
  5. Que efeitos fofos, adorei a dica.

    Bjs,
    Sté
    http://blog-fabulous.blogspot.com

    ResponderExcluir
  6. amiga amei o post,,,,,,,,
    mais vc ja sab oq vm pedir eh,,,,kkkkk
    fan box futuante,,,,,,a m e i
    qro tuto pf amga,eh mto linda....

    ResponderExcluir
  7. Bem legal seu tutorial.

    http://iasmincruz.blogspot.com.br/

    ResponderExcluir
  8. Amiga você é tão talentosa, queria saber fazer essas coisinhas!

    Beijos mulher antenadíssima ♥

    ResponderExcluir
  9. Muito legal o efeito!
    Beijinhos!
    www.garotadeestilo.tk

    ResponderExcluir
  10. Lindos os efeitos, gostei ^^

    Beijos,
    placestyle.com

    ResponderExcluir
  11. lindos,fico encantada toda vez ^^
    Fiquei feliz em saber que pude esclarecer algumas dúvidas. Pois é, é uma sensação horrível mesmo. Da próxima vez, repouse com lugares e roupas arejadas. Vai te deixar bem mais confortavel. Aah, eu adoro visitar seu blog, te passei o selo com muito gosto
    Ótimo final de semana, bjs
    Coruja Essência

    ResponderExcluir
  12. Muito bom o Tutorial Flor , vou tentar fazer ;]
    Beijuuuú da Miih
    Blog : miilecharmedemeniina.blogspot.com

    ResponderExcluir
  13. Oiii

    Muito legais os efeitos!!

    Obrigada por visitar meu blog, tem post novo de make com tutorial.
    beijinhos
    biaschultz.blogspot.com

    ResponderExcluir
  14. Danny, eu adorei por demais esses efeitos. Sempre tenho uma briga interna comigo mesma por causa deles, na hora de criar, sempre crio os tradicionais kkkkk sou uma lenda <3
    http://www.valeuapenaesperar.com/

    ResponderExcluir
  15. ótimo tutorial,os efeitos são lindos demais.
    Adorei o blog e ja estou seguindo.
    Isita e retribui?
    www.garotaousada.com

    ResponderExcluir
  16. Adorei seu blog!! Me ajudou muiiito!!
    Coloquei os créditos pra vc no meu blog..
    Bjuss

    ResponderExcluir
  17. Amei esse efeito (:
    Beijos
    Um dia Qualquer ~

    ResponderExcluir
  18. O único que deu certo p/ mim; obrigado por ter compartilhado o código!

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥