Tutorial: Efeito Yupi

| |

Aye
Agora vou postar o segundo efeito que é o Yupi. Eu não me lembro por que coloquei esse nome, mas vai ficar isso mesmo. Mudei ele de novo e tirei background do efeito então quando você passa o mouse uma parte da área fica transparente. Veja AQUI o exemplo
Confiram.


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

.Yupi {
margin-right: 10px;
margin-top: 6px;
border: 2px white solid;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.Yupi:hover {
margin-right: 10px;
margin-top: 6px;
border: 2px solid #FF0000;
-webkit-transform: scale(1.200);
}
 Troque pela cor que você quiser,onde está destacado 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="yupi"/></a>

Agora é só substituir onde está destacado 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