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


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

2 comentarios:

  1. Muy buenos efectos! Tu blog es muy lindo la verdad :3 Te felicito!

    ResponderEliminar

¡Gracias por tu comentario!

Emojis:
⸜(。˃ ᵕ ˂ )⸝♡ | ૮ ˶ᵔ ᵕ ᵔ˶ ა | (>▽<) | ପ(๑•ᴗ•๑)ଓ ♡ | (╯ω╰) | (☆▽☆) | (≧ω≦) | ૮ • ﻌ - ა | ଘ(੭ˊᵕˋ)੭ | (・∀・ ) | (¬_¬) | (ノ◕ヮ◕)ノ*:・゚✧ | ฅ^•ﻌ•^ฅ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | ٩(ˊᗜˋ*)و ♡ | (╥﹏╥) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
♡♥♫△☆ღ