♦ Tutorial ~ Efeito Change Rotate

Olá pessoal ^--------^
  Faz muito tempo que eu não passo por aqui néh? Vocês querem me matar? Eu deixo e ajudo, não sei porque mais quero isso. Tô tipo a Miku nessa imagem, meio com cara de decepção. Acho que passei todo esse tempo sem postar porque queria apresentar logo meu vídeo, sim eu finalmente fiz esse vídeo, mas o YouTube demora um E-TER-NI-DA-DE para dar upload, e a minha internet caiu várias vezes durante esse processo, mas eu ainda postarei meu vídeo, agora ele está em 13%.

 Hoje eu trouxe mais um efeito em imagens para usar onde quiserem, principalmente em afiliados, mas nada contra usar em outras áreas do blog. O efeito foi eu mesmo que criei sozinho e dei o nome de Change Rotate, aqui tem a PREVIEW dele. Vamos lá aprender???
Primeiro vá em:

Layout >> Adicionar um Gadget >> HTML/JavaScript
e cole esse código

<style>
.rotate{ -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; -webkit-transition-duration: 1.20s; ;
}
.rotate:hover{-webkit-transform: rotate(360deg);
-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 5px 5px rgba(00,00,00,0.3);-webkit-box-shadow: 5px 5px rgba(00,00,00,0.3);box-shadow: 5px 5px rgba(00,00,00,0.3);}
</style>
Agora onde você quiser que apareça, cole esse código.
<a href="LINK_AQUI"><img src="URL_DA_IMAGEM" class="rotate" /></a>
Pronto, apenas isso.
Super fácil, prático e lindjhu.
Espero não ter mais essa angustia no coração e poder aparecer mais vezes, aliás, o próximo layout está chegando e será feito pela Lovelly. Anciosos???
Bye bye e Beijos

16 comentários:

  1. Gostei! Um efeito bem divertido!
    Eu gostaria de saber se vocês aceitariam afiliação com meu blog?

    http://coiisasdeotaku.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigado. ambem gostei desse efeito.
      Aceito sim, já irei lhe adicionar.

      Excluir
  2. Que épico *-----------------*, é mágico tipo "roda"!

    ResponderExcluir
    Respostas
    1. kkkkkkkkkkkkkk sem resposta, rsrsrsrsrsr

      Excluir
  3. Yo, nossa amei esse efeito é tãããão perfeito !!!
    bjs

    ResponderExcluir
  4. Olá amore!
    Aceita afiliação?
    Se aceitar me avisa okay? rsrsr ^^
    http://pequena-otome.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Só mais de 25 seguidores.
      Desculpa, fica para depois.

      Excluir
  5. Muuito Legal o Tuto *---*
    Beijos Ully :3

    Ulyboo.blogspot.com.br

    ResponderExcluir
  6. YAAAAAY você recebeu uma TAG \o/ \o/ \o/
    http://thenerd-world.blogspot.com.br/2012/12/recebi-uma-tag.html

    OBS: não sei se voc~e aceita TAG's masok

    ResponderExcluir
    Respostas
    1. Obrigado.
      rsrsr, eu só faço quando eu lembro.

      Excluir