Olá meus amores *---*
Hoje trouxe um tutorial a pedido do Daan (Seu blog) que é o efeito que uso aqui nas imagens do post (passe o mouse na imagem acima ↑) que é o Efeito Giratório (ou Rotate como quiserem chamar) Então vamos ao tuto! É bem fácil, mas envolve HTML..
1; Vá em modelo Editar HTML E com o Ctrl F, procure por: ]]></b:skin> e cole logo acima, este código:
.post-body img {z-index:999999;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
}
.post-body img:hover{
z-index:9999;
-webkit-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-moz-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-o-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
}
Visualize, se estiver tudo certo,salve!
Créditos: aqui
Podem reblogar mas dê os devidos créditos a esse blog e para o Jackie Dream ^^
Beijos ;*
É um efeito bem legal ^^
ResponderExcluirDesejo sucesso com o blog!
Kissus
Owwnt fofa!
ExcluirMuito obrigada ^^
Beijos ;*
Olá obrigada pela visita, estou retrebuindo, amei seu blog ele é simplesmente perfeito e concerteza daqui uns dias esse será super reconhecido, pode apostar. Espero que visite mais vezes meu blog. Bjos
ResponderExcluirhttp://cute-girll.blogspot.com.br/
Oi Nath
ExcluirDe nada, Ai muito obrigada!
É o que mais quero! Lógico que sim!
Beijos ;*
ja conheciaa o/
ResponderExcluirvi no jack dream, mais realmente é um ótimo efeitoo o//
acervo-de-livros.blogspot.com
Ele é conhecido mesmo - srsr
ExcluirSim, adoro ele!
Beijos ;*
Bem legal o efeito :) , Obrigado por me atender , Já estou seguindo seu blog , Graças a você conheci o blog jackie Dream *__* , Flor , Aceita Afiliação??
ResponderExcluirOi Daan!
ExcluirSim, amo esse efeito, nada se quiser outro
vou colocar o ask é só você pedir ^^
Aceito sim daan, vou ti por lá, ponha o meu no seu blog também Ok?
Beijos ;*
ke legall!!Ficou o máximo!!Ameiii seu blog!!Ganhou uma seguidora :)
ResponderExcluirhttp://cakesweetkawaii.blogspot.com.br/
*--*
Awn Gih,
Excluirque bom que gostou do blog! Fico muito feliz :3
Seguirei de volta!