Efeito Levite

Olá não postei muita coisa de manhã por que acordei Tarde hihi! Só avisando que essa postagem é programada e nesse horario estou na escola!

Bom como o nome do efeito já disse levite Vcs já devem imaginar vejam no link preview

| Live Preview | Aprenda logo abaixo |

Vá em modelo editar HTML e depois procure por: ]]></b:skin> usando o seu Ctrl+F

Depois cole acima dessa tag esse código:

.levite {
-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;
-o-transition:all 1s ease;
-ms-transition:all 1s ease;
transition:all 1s ease;
transform: translate(-2px, -127px);
border:solid 2px #d6c7d6;
}
.levite:hover{
border:solid 2px #d6c7d6;
-moz-transform:scale(2);
-webkit-transform:scale(2);
-o-transform:scale(2);
-ms-transform:scale(2);
transform:scale(2);
z-index:2;
-moz-box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
-webkit-transform: translate(-2px, -127px);
-moz-transform: translate(-2px, -127px);
-o-transform: translate(-2px, -127px);
-ms-transform: translate(-2px, -127px);
}

Não precisa mudar NADA apenas o que está em negrito que é a cor da borda mude se quiser ou pode tirar ela é do seu critério! 

Depois vá em adicionar Gadget e clique em HTML/JavaScript e cole o seguinte código:

<a href="LINK"><img src="Link DA IMAGEM" height="60px" width="60px" class="levite" /></a>

Mude se QUISER o que está em negrito para o tamanho da imagem por exemplo (150x150) e assim por diante! 

So avisando que agr a gente tem caixinha de ask então fassa seu pedido! qualquer coisa desde coisas da Vida até Tutoriais!

Bjo de Luz