Deixar Todos os Links com Efeitos de Transição em CSS3

► +A +/- -A
Olá leitores do tecnoblog, hoje venho trazendo um tutorial bem interessante e bem legal.
E o efeito transição nos links do blog:

1. Vá no painel do blogger a vá em design
2. Em seguida vá em Editar HTML
3. Depois pressione CTRL+F e procure a seguinte tag:


a:link {


4. Ao lado ou abaixo do abre colchete ( { ) cole o seguinte código:


transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;cursor: pointer;


5. Ficara deste jeito:




6. Clique em visualizar e se estiver tudo certo clique em salvar modelo.


Personalizando a cor do link em estado Hover:
1. Vá no painel do blogger a vá em design
2. Em seguida vá em Editar HTML
3. Depois pressione CTRL+F e procure a seguinte tag:


a:hover {




5. E abaixo da tag citada acima cole o seguinte código:


color: COR !important;


A cor em negrito deve ser substituída por uma cor ou por uma id..
Para isso visite uma tabela de cores.. 


6. Clique em visualizar  e se estiver tudo certo clique em salvar modelo.

Até a próxima. :)
► Postagens Relacionadas:

Seja o primeiro a comentar!

Postar um comentário

Seu comentário é bem vindo, mas leia antes de comentar...
→ Se os comentários conter palavrões, xingamentos, ofensas ao autor ou qualquer pessoa, não serão publicados!
→ Não Contiver outros sites!
→ Não conversar com comentários!
→ Não conter propaganda!
→ Visite o nosso termos de uso
Obrigado e volte sempre!