Efeito para Welcome - World

Olá,Cheirosos u_u
Finalmente consegui fazer o meu própio efeito para poder postar para vocês,vou começar á usar a minha criatividade para criar as coisas para vocês,e eu estou muito feliz porquê por exemplo apareceu  comentários no meu post anterior né? ficar sem comentários deixa qualquer um blogueiro triste,podem dizer u.u

Eu criei um efeito para o gadget de ''Welcome/bem-vindo''  Um efeito super leve e Hover demais (wtf?) não muito leve mais ele é bem lerdinho,Ele meio que  é viradinho  quando você coloca o mouse ele fica Normal,Podem ver o preview Aqui , no blog de preview do little world.



Vamos Começar >.<

Vamos em Modelo>Editar Html ,Clique na caixinha de html Aperte
Ctrl+F
Procure por :

]]></b:skin>

Acima de ]]></b:skin> Cole isto:

.Little {
transition:All 0.6605s ease-in-out;
-webkit-transition:All 0.6605s ease-in-out;
-moz-transition:All 0.6605s ease-in-out;
-o-transition:All 0.6605s ease-in-out;
transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
}
.Little:hover{
transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
-webkit-transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
-moz-transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
-o-transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
-ms-transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
}

Salve,Crie um Html/JS e cole:

 <img src="sua imagem" class="Little"> 

Onde está escrito ''SUA IMAGEM'' coloque a URL da sua Imagem de welcome .

Beijos,se reblogar não diga que você fez o efeito e coloque os créditos para o Little  world.