quarta-feira, 30 de janeiro de 2013

Tutorial :3


Oiii Princess!

Ontem eu fiqueei muito orgulhosa de mim e de vcs leitores, Nós tivemos 50 visualizasões bateu todos os recordes aqui no princess! então eu vim aqui nessa introdução dar um super mega power 

Obrigadooooooooooo!!!!!!!!!!!


#Tutorial
 hj eu vim trazer aqui para vocês algum diferente que eu nunca fiz que é efeito speed
devo dar  credito ao blogWorld Of Tutos eu vi esse e feito e achei muito legal, quando vc passa o maouse na imagem ela se meche rapidinho! Chega de papo e vamos ao Tutorial


É muito simples o tutorial,é um código bem pequeninho. 
Vá em editar Html e abra a caixa de pesquisa digitando
Ctrl+U

Cole o código  ]]></b:skin>:

depois cole acima de  ]]></b:skin>: o codigo abaixo

@-webkit-keyframes rattle2 {
0% {-webkit-transform: translatex(10px);}
50% {-webkit-transform: translatex(-20px);}
100% {-webkit-transform: translatex(20px);}
}
.rattle2 {-webkit-transition: .1s; border-radius: 10px; box-shadow: 1px 1px #caebe6;}
.rattle2:hover {-webkit-animation: rattle2 .3s alternate infinite linear;}

Agora,para o efeito aparecer,é simples,o código abaixo deve ser colado em um gadget:

<img src="http://i.imgur.com/kjzBseu.png" class="rattle2">
Mude o link acima,pela URL da sua imagem.

espero q tenham entendido alguma duvida deixe seu comentario
Se gostou do blog sigua!
Bjod de luz :DDD

Um comentário:

  1. oi Aline amei sua visita em meu blog.
    seguindo!

    ResponderExcluir