Tutorial: Sombra no Link ao Passar o Mouse.

Hello! Hoje vou ensinar um tutorial muito simples mas que tem o resultado fofo. Clique em Leia Mais para conferir o tutorial.



Como fazer? Primeiramente:

vá em design > editar html > e procure por:  a:hover 
Talvez no seu apareça assim:

a:hover {

  text-decoration:underline;

  color: $(link.hover.color);

}

Apague a parte: 

{
  text-decoration:underline;
  color: $(link.hover.color);
}

 Agora cole o seguinte código:

{ color: #000000; text-shadow: 0 0 .3em#FF1493; }

Ficara assim:

a:hover { color: #000000; text-shadow: 0 0 .3em #FF1493; }

Se quiserem trocar as cores, entre nesse site: Tabela de Cores

Obs: O código rosa representa a cor da letra, e o código roxo, representa a cor da sombra que ira aparecer ao passar o mouse. Boa sorte!