• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

24 de setembro de 2013

Efeito Blur nos Links - Desfocado

 Hi Tomodachis
Estava passando mal pacas hoje na escola, mais mesmo assim não faltei é claro pois tinha de fazer uma prova super importante e teste de português, é horrível ter de se sacrificar por causa da escola, ainda bem que saí cedo. Programei essa postagem enquanto visito os lindos blogs de vocês comentaristas, pois não tenho tido tempo para isso, por isso peço perdão :l

Hoje irei ensinar como deixar os links ao passar o mouse no efeito Blur, como esse efeito que já ensinei aqui para imagens (www) só que agora no link. Super bonitinho o resultado, estou usando no layout free que irei disponibilizar aqui depois. Não sei se dá para ver direito mais esse é o exemplo:
Isso é até uma pequena prévia do layout free que já está pronto faz um tempão já, só que não coloquei ainda para download por falta de tempo :s

- Para começar, procure por a:hover { no HTML de seu blog, irão ter vários, você irá usar o primeiro que achar ok? :3
Ele vai estar assim, confere?
a:hover {
text-decoration:none;
color: $(link.hover.color);
}
Antes da chave "}" cole o código, ficando assim:
a:hover {
text-decoration:none;
color: $(link.hover.color);
filter: blur(1px);
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
}
► créditos: GQ
Espero que tenham gostado, eu realmente amo esse efeito, efeitos nos links são realmente tops não é mesmo?!

13 comentários: