♦ 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 ~ ♥

11 comentários:

  1. Adorei o efeito, parece que ele ta dançando hueheu' E o tutorial ficou ótimo *o*
    Ah! Sobre a afiliação, eu já te coloquei na elite ^^

    Beijos~
    Panther Pink and Blue

    ResponderExcluir
  2. Amei o efeito, sem duvidas usarei no meu proximo layout !!

    just--dont.blogspot.com

    ResponderExcluir
  3. Seus themes são lindos, pode perder tempo com eles u_u Bão, gostei bastante do efeito, ainda mais por me lembrar No More Dream, uma música do BTS. q

    channie girl | trapped

    ResponderExcluir
  4. O tipo de efeito que não uso em um blog porque ficaria eternamente nele. Eu sempre acho que a imagem vai parar de mexer! ushaushauh'

    Lindo o efeito *-*

    ResponderExcluir
  5. Lindo o efeito. Talvez eu o use em meu proximo layout u_u. Seu blog e uma fofura r's . Gostei bastante do 'leia mais'muito dahora poderia nos ensinar não, è mesmo? 'HUSHUAHSA

    Beijos com carinho , Yoshie | -HTML Sound ♥

    ResponderExcluir