16.2.13

Tutorial - Efeito Giratório nas Imagens do post


Olá meus amores *---*
Hoje trouxe um tutorial a pedido do Daan (Seu blogque é 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 Fprocure 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);
}
Visualizese estiver tudo certo,salve! 

Créditos: aqui
Podem reblogar mas dê os devidos créditos a esse blog e para o Jackie Dream ^^
Beijos ;*

10 comentários:

  1. É um efeito bem legal ^^
    Desejo sucesso com o blog!
    Kissus

    ResponderExcluir
  2. 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

    http://cute-girll.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi Nath
      De nada, Ai muito obrigada!
      É o que mais quero! Lógico que sim!

      Beijos ;*

      Excluir
  3. ja conheciaa o/
    vi no jack dream, mais realmente é um ótimo efeitoo o//
    acervo-de-livros.blogspot.com

    ResponderExcluir
    Respostas
    1. Ele é conhecido mesmo - srsr
      Sim, adoro ele!

      Beijos ;*

      Excluir
  4. 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??

    ResponderExcluir
    Respostas
    1. Oi Daan!
      Sim, 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 ;*

      Excluir
  5. ke legall!!Ficou o máximo!!Ameiii seu blog!!Ganhou uma seguidora :)
    http://cakesweetkawaii.blogspot.com.br/

    *--*

    ResponderExcluir
    Respostas
    1. Awn Gih,
      que bom que gostou do blog! Fico muito feliz :3
      Seguirei de volta!

      Excluir

Heey!
Está pensando em comentar?! Fique à vontade!
✖ - Aceito "Seguindo, segue de volta?'' desde que a pessoa esteja realmente seguindo!
✖ - Não aceito afiliação pelo comments só aqui
✖ - Os comentários de criticas e elogios são bem vindos, desde que seja criticas construtivas!.
✖ - Perguntas, dúvidas e pedidos? Apenas na ask por favor!~
✖ - Aceito tags e selinhos, avise pelos comments ♥
~ Leio Sempre e respondo a todos os comentários!