lunes, marzo 13

TB | Links multicolor en degrade

Ya les traigo un tutorial. Para dar la bienvenida al blog, haré (tratare) de deja una entrada por día, hasta el viernes de esta semana! Espero les guste la idea <3
EJEMPLO: ¡Este link tiene efecto multicolor en degrade!
Vamos con el tutorial. Les explicare a hacer e efecto e links que tenia en el diseño anterior, un efecto en degrade de los colores que mas te gusten (este efecto puedes agregarlo a títulos y otros textos, si quiere que lo explique en profundidad, deja tu msj en el formulario!)

💎TUTORIAL

Primero y principal, nos vamos a
Tema | Edición HTML | Presiona en el recuadro de code de tu plantilla
Busca (presionando CTRL + F) la siguiente linea:
]]></b:skin>
ARRIBA de ella, pegaras o siguiente:
a:link, a:visited {
background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.45, #f2f), color-stop(0.6, #22f), color-stop(0.75, #2ff), color-stop(0.9, #2f2) ); color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}
a:hover{
color: #000; -webkit-transition-duration:.3s;
}
donde modificaras lo marcado de esta forma:
background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.45, #f2f), color-stop(0.6, #22f), color-stop(0.75, #2ff), color-stop(0.9, #2f2)  );
cambias solo lo que esta en negrita, que serian los códigos de colores en HTML podes ver cada código de cada color aquí. Y luego:
color: #000;
que sera el color del link al colocar el cursor sobre el.

💎NOTA:

Les dejo algunas ideas de degrade para combinar:
Espero les sea de utilidad.
Con cariño,
Flè. 💙