Links Hover

Blogueras les traigo un tuto algo llamativo para sus link, con un efecto muy bonito y con mucho color =) seran 2 estilos una con color y la otra con colores flasheanteas okei

Empezemos con el primero de un solo color y un efecto algo deslizante.

nos vamos a Plantilla >> Edicion de html >> continuar y antes de ]]>

pegamos este codigo:

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:white;
overflow:hidden;
box-shadow: inset 200px 0 0px 0 #FFDDFF;
text-decoration:none;}

das guardar y listo.

el segundo efecto  gracias a html y etc y es como la imagen de arriba (flasheantes)

igual nos vamos a Plantilla >> Edicion de html >> continuar y antes de ]]>
pegamos este codigo:

a:link, a:active, a:visited{
color: {color:link};
text-decoration: none;
}
a:hover {
color: {color:hover};
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgflTGualnHMqzQRz9APxxLuTp3aNzmx-hPhNVhyqlhvrmXqSfYh8JFZmB1CHqGWFn7GvWEw_UEquIosuTVGLQdpf9mkOvRsNCDlWNFoa_O01OeO9F1AGWaDr7oM_9ngDmwy6kp0M9XBcrU/s1600/gif2.gif);
}

tambien das guardar y listo.

aqui algunos colores parpadeantes:

estas 3 las hice yo

 

y esta de pilon xD

Aqui les dejo una imgen con colores pastel para que se guien como yo ^^