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