Aprenda a como fazer o efeito continuando a ler a postagem!
1 Vá para Tema > Editar HTML > Clique na caixa de código e aperte Ctrl + F ou F3 > Procure por ]]></b:skin> > Cole o seguinte código acima:
2 Faça as alterações necessárias.
3 Salve.
4 Vá até a parte do blog onde você quer adicionar o efeito. Cole o seguinte código abaixo:
5 Faça as alterações necessárias.
6 Salve.
img.runner {
background: white;
padding: 5px;
margin-left: 3px;
overflow: hidden;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
img.runner:hover {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
img.runner,
img.runner:hover {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
<img class="runner" src="LINK_DA_IMAGEM" width="100px" />
Ficou muito lindo o efeito <3 <3 <3
ResponderExcluirwww.c-astle.blogspot.com.br
Obrigado, que bom que gostou <3
ExcluirQue efeito legal. *-* Sem falar do icon da minha Lily ali. ♥
ResponderExcluirXOXO
Também achei legal, simples mas legal :3
ExcluirAdorei as imagens e o efeito, é bem fofo (:
ResponderExcluirxoxo
-> Simplificando
Fico feliz que tenha gostado c:
ExcluirLecal o efeito :3 amei o novo layout nem tinha vista ainda çrçrçrç
ResponderExcluirGallery-peace.blogspot.com.br
Lecal mesmo, que bom que gostou <3
Excluir