Tutorial: Efeito Green

| |

 Yoo
Vou postar o efeito Green. Lembro que quando estava fazendo ele eu queria um efeito que quando passasse o mouse em cima aparecia o background transparente e a sombra e linha verde.Só que acabou saindo isso. Então deixei. O efeito no layout de testes está na cor laranja pois foi lá que estava fazendo o layout que está aqui. Veja o exemplo AQUI



Vá em editar HTML e procure por ]]></b:skin> e acima cole: 

.green {
padding:8px;
float: left;
}
.green:hover {
box-shadow: 4px 2px 4px #FF8C00, -2px -4px 4px #FF8C00;
-webkit-transition:All 0.6s ease;
}
 Troque pela cor que você quiser onde está de roxo . AQUI tem uma tabela de cores.
Visualize e se estiver tudo certo salve.

Em  gadget de HTML/JavaScript, cole:


<a href="LINK" title="Nome do blog"><img src="LINK DA IMAGEM" class="green"/></a>

Agora é só substituir onde está de roxo e pronto. 

Nenhum comentário:

Postar um comentário

» Fiquem à vontade
» Respeite a todos e não ofenda ninguém
» Não gostou do blog? Não precisa sair xingando ofendendo todo mundo, aceitamos sugestões, mas tenha educação.
» Caso não obedeça às regras seu comentário não será publicado