26/06/2015

Tutorial: Efeito Speed

||

O efeito Seed é um tanto divertido, ao passar o mouse sobre a imagem ela se mexe para um lado e para o outro, dando um estilo cômico. Fica muito bonito dependendo de onde aplicar, o tutorial é super rápido e pratico de fazer! Basta continuar lendo...


1) Escolha o blog qual deseja aplicar, e vá ate seu HTML. Chegando lá ative a pesquisa com o atalho Ctrl+U e pesquise por ]]></b:skin>, acima dele cole: 
@-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;}

2) Agora vá ate Layout e abra um novo gadget/javascrit, dentro dele cole:
<img src="LINK DA IMAGEM" class="rattle2">

Nenhum comentário:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram