LINK HOVER: EFECTO TRIPLE

Hola! Les traigo un tutorial HERMOSO que trata de un link hover que lo acabe de hacer yo para ustedes, no fue fácil porque hay que jugar con las sombras y los colores para que quede bien xD espero que les guste (? bah seguro les va a gustar porque es muuuuuy lindo!!!!! (●´∀｀●)

Da créditos si lo usas! :D

Para ver como funciona ve a uno de mis blogs de prueba ^^

Es hermoso *0* para tenerlo haz lo siguiente...


Plantillas Blogger: Pega el siguiente código justo arriba de ]]></b:skin>

Plantillas clásicas/blogskin: Pega el siguiente código justo arriba de  </style>

a {color: #000; text-decoration: none; -moz-border-radius:5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }a:hover{color: #000; -moz-border-radius:5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; text-shadow: 0.2em 0.5em 0.1em #COLOR1, -0.6em 0.1em 0.1em #COLOR2, 0.4em -0.3em 0.1em#COLOR3;}

Verde: Color del link normalRojo: Color del link hover
Naranja: Ahi pones el código de color de la sombra 1 
Fucsia: Ahi pones el código de color de la sombra 2 
Azul: Ahi pones el código de color de la sombra 3 
¡¡Recuerda que debes poner los códigos de colores ヽ(゜▽゜;)ﾉ

Juega con los números de las sombras (0.0em 0.0em 0.0em) para cambiarles el aspecto o ladistancia desde el texto del link a tu gusto o simplemente dejarlo como está :3



Ahora sí, das vista previa para ver que todo este perfecto y luego Guardar :D  deja un comentario si te gustó!


Créditos: {x}