♦ Tutorial ~ Efeito Dream

Yo minna! 

Como vão? Eu desapareci aqui por MUITO TEMPO, desculpem. Eu estava sem tempo (mentira) e também estava sem inspiração e não estava pensando o que postar. Mas eu vou ficar postando aqui, porque prometi pro Byel e pra Lovelly que ia ajudar eles. Eu também estou assistindo muitos animes como: Dangan Ronpa e Ben-To e fazendo themes pois gosto muito. Bom, eu tinha feito um efeito que não estava pensando em que blog postar então vou postar aqui, preview. Continue ~

Vá em Modelo >>  Editar HTML >> procure por  ]]></b:skin> e cole esse código:

@-WEBKIT-KEYFRAMES DREAM {0% {-WEBKIT-TRANSFORM: TRANSLATE(0PX);}50% {-WEBKIT-TRANSFORM: TRANSLATE(-10PX);}100% {-WEBKIT-TRANSFORM: TRANSLATE(5px);}}.DREAM {-WEBKIT-TRANSITION: .5S; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.DREAM:HOVER {-WEBKIT-ANIMATION: DREAM .3S ALTERNATE INFINITE LINEAR;-moz-transform: scale(0) rotate(0deg) translate(109px, -74px) skew(0deg, 0deg);-webkit-transform: scale(0) rotate(0deg) translate(109px, -74px) skew(0deg, 0deg);-o-transform: scale(0) rotate(0deg) translate(109px, -74px) skew(0deg, 0deg);-ms-transform: scale(0) rotate(0deg) translate(109px, -74px) skew(0deg, 0deg);-webkit-filter: hue-rotate(0deg);-webkit-transition-duration: 2.90s;opacity: 100;transform: scale(0) rotate(0deg) translate(109px, -74px) skew(0deg, 0deg);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

Depois vá em Layout >> Crie um gadget HTML/JavaScript e cole o seguinte código:

<a href="Link do Blog" title="Nome do Blog"><img class="DREAM" src="Link da Imagem" /></a>

Tchau ~ ♥