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
oi Aline amei sua visita em meu blog.
ResponderExcluirseguindo!