Tutorial : Degradé nos Links .

Yo Minna - sama !

Como vão ? Espero que bem . Hoje levei um susto , pensei que ia ficar sem net hoje '-' , ainda bem que só era arrumar uma configuração e tal'z , e ainda bem também que o Tiozinho da Oi que me atendeu tinha um santa paciência (risos) . Vamos aprender a colocar efeito degradé nos links ? Confira >>

#1 : Vá no seu HTML , dê Ctrl + F ou F3 e procure por : a:link {  , abaixo dele vai estar esse código :

a:link {text-decoration:none;

color: $(link.color);

}

a:visited {

text-decoration:none;

color: $(link.visited.color);

}

a:hover {

text-decoration:underline;

color: $(link.hover.color);

}

#2 : Apague todo este código e substitua-o por este :

a:link {

color: #FF6EB4; /* Cor do link*/

text-decoration: none;

-webkit-transition: color 0.7s ease-out;-moz-transition:

color 0.7s ease-out;transition: color 0.7s ease-out;

}

a:visited {

color: #FF6EB4; /*Cor dos links visitados*/

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

a:hover {

color: #FFB5C5; /*Cor do link quando passa o mouse*/

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

Tabela de cores : (www) .