Olá peoples!!! Hoje vim trazer para vocês um Efeito Exclusivo, que na verdade não é tão exclusivo assim, pois fiz ele para o blog Pingos de Cristal, mas como ela apagou a postagem resolvi trazer aqui para vocês. E como amanhã será o último dia de provas, eu vou trazer e responder um pedido de tutorial lá da ask.
Vamos ao efeito:
O efeito não tem nada haver com o nome, mas gostei.
Para visualizar o efeito clique aqui.
Para colocar o efeito vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e depois aperte Ctrl+F e procure por:
]]></b:skin>
E acima dele cole o seguinte código:
.efeitopingosdecristal{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
}
.efeitopingosdecristal:hover{
transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px);
-webkit-transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px);
-moz-transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px);
-o-transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px);
-ms-transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px);
}
Não mude nada apenas Salve!
E agora vá em Layout>> Adicionar um Gadget>> HTML/JavaScript e cole esse código:
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitopingosdecristal" /></a>
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitopingosdecristal" /></a>
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitopingosdecristal" /></a>
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitopingosdecristal" /></a>
Onde está escrito URL é o link do blog ou do local que ao clicar quer que seja redirecionado. Onde está escrito NOME é o nome do blog ou do local e onde está escrito URL DA IMAGEM é onde você irá colocar o link da imagem que você quer.
Espero que gostem!!!
