Tutorial: 5 efectos para links

¡Hola! ¿Cómo están? Espero que muy bien, y si no es así, espero que todo mejore pronto ♥ Yo me encuentro muy feliz ya que por fin comenzaron mis vacaciones :D.

Hoy les traigo unos efectos muy lindos para los links del blog {créditos a annyz}, son súper fáciles de colocar y editar, espero que les gusten <3

Live preview de todos

Para todos los efectos:

Tema | Editar HTML | CTRL + F y buscas ]]></b:skin>

El código debe ser pegado arriba de ]]></b:skin>

a{
letter-spacing:2px;
-webkit-transition-duration: .50s;
text-shadow:1px #fff;
}
a:hover {
color:#000;
text-shadow: 2px 7px 1px #b8d935,
               -10px 1px 1px #fc5d77,
               4px -7px 1px #5dcdfc;
-webkit-transition-duration: .50s;
}

 a{
text-left: 30px;
text-transform:lowercase;
letter-spacing: -1px;
}
 a:hover{
color:#000;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
text-shadow: 13px 0 .2px #57C8FF,
-13px 0 .2px #FF6EC8;
}

 a{
 -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
 a:hover{
 color: #D683FC;
      letter-spacing: 0.25em;
}

a{
 -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
 a:hover{
 color: #D683FC;
      text-shadow: 0px 0px 12px #D683FC;
}

a { text-decoration: none; }
 a:hover { text-decoration: line-through;
}

para todos:

Rosa: colores a editar

{puedes escogerlos aquí}

¡Gracias por pasarte por el blog!

Nos leemos <3