18 de março de 2014

Tutorial - Efeito push

                                   
                                                                     Konitila Minna! ^^
Hoje vim postar um tutorial q se chama Efeito Push.
Ele pertence ao blog Kawaii World...
Para matar um pouquinho da curiosidade, veja o efeito aqui do tutorial.
Primeiro> Design>Modelo>Editar HTML> Ctrl + F e procure por :  ]]></b:skin>. E acima dessa tag cole o código abaixo:

.puxa1 {background-image: URL(LINK DA SUA IMAGEM);
width: LARGURApx;
height: ALTURApx;
display:inline-block;
-webkit-transition:All 0.6s ease-in-out; -moz-transition:All 0.6s ease-in-out; -o-transition:All 0.6s ease-in-out;
margin-right:1px;
}
.puxa1:hover{background-position: DESLOCAMENTOpx 0;
-webkit-transition:All 0.9s ease-in-out; -moz-transition:All 0.9s ease-in-out; -o-transition:All 0.9s ease-in-out;}

Onde estiver em negrito, mude de acordo com o q o código pede.
Depois de ter feito td, salve.
Espero q tenha gostado :)
Bjs

Nenhum comentário:

Postar um comentário

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)