Links Hover

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.

Empecemos 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/AVvXsEh1vJLkwcdjf5cZ8nBUHGx5pkxRYmmrmjZurXJhYZFuR1IYMFscBD0vfRE3-XhOKdS_4hKfxgbr9l6WKd_FPctG3fm1_shO-4gxmCK6GwwvIXcHns8x5D_b8zSidSTwNjXerpFeL_ycPNeU/s1600/gif2.gif);
}

tambien das guardar y listo.

aqui algunos colores parpadeantes:

estas 3 las hice yo

 

Nos vemos!