Tutorial - Efeito rotate


Yoo, minna!

Como vão? oUo Aproveitar que é o último post do dia, pelo menos meu, e falar que amanhã vem visita aqui em casa \o/ Meus tios, tias, prima e priminho irão vir. Yay, festa *3* Vamos dançar e baillar a noite inteira ♪♫ Não, só vamos almoçar e jogar conversa fora e-e Hoje meu irmão voltou pra casa, legal né? Ele tava lá em MG fazendo faculdade porque ele é esperto e inteligente e chato e resmungão e nojento e retardado.. Enfim, ele é um monte de coisa, mas amo ele. Quem tem um irmão mais velho sabe como é. Você tá de boa escrevendo algo e ele chega e grita atrás de você. Super normal isso... Também é super normal alguém falar sobre isso em um blog. Muuuuuito normal, sabe? .-.

Pela primeira vez resolvi ouvir The Baddest Female .-. Enfim.. Trouxe o tutorial do efeito da elite de afiliações do layout passado. Pra quem não lembra, vejam aqui. Não repassem e se lembrem dos créditos em caso de uso, ok? *-* Sayo ~


1 - Vá no seu HTML, expanda o HTML, tecle CTRL+F e se certifique que a caixinha de pesquisa está dentro da caixa do HTML.
2 - Procure por  ]]></b:skin> e cole o código abaixo acima dessa tag, substituindo somente o que está em negrito:

.rotate{
width:auto;
-webkit-transition-duration: 1.20s;
border: 1px solid #c4c4c4; /* Cor da borda normal*/
}
.rotate:hover{
-webkit-transform: rotate(360deg);
border: 1px solid #c4c4c4; /* Cor da borda em hover*/
-moz-border-radius-topleft: 34px;
-moz-border-radius-topright:34px;
-moz-border-radius-bottomleft:35px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:34px;
-webkit-border-top-right-radius:34px;
-webkit-border-bottom-left-radius:35px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:34px;
border-top-right-radius:34px;
border-bottom-left-radius:35px;
border-bottom-right-radius:5px;
}
3 - Em um gadget de HTML/JS cole o código abaixo, substituindo somente o que está em negrito: 
<a href="LINK" title="NOME"><img class="rotate" src="IMAGEM" /></a>

14 comentários:

  1. KKKKKKKKKK KEY MACHO CABRA KKKKKKKKK
    Lindo efeito, tava esperando por ele.

    ResponderExcluir
  2. Gostei do tutorial e do efeito, gostei mesmo.
    O cocô do Key hushauhuahuhuahsahusa morri cara.
    XOXO <3

    - Kate-ssi | Oh! Black Asian

    ResponderExcluir
  3. O efeito é super divo mesmo *----*
    OBS: vocês precisam de uma nova postadora? ihihi >..<
    http://garota-differente-laiih.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada. Estamos sim, vou dar uma olhada no seu blog XD

      Excluir
  4. kkkkk , ameii o efeito é perfeito *o*
    olha rimou kapakpa , ta parei >< , vou usar o efeito!


    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  5. SHUASHAUSHAUSHAUSHAUSAHSAUS' COCÔ DO KEY MDS HUSAHUSAH' Vai te festa com a família? Convida eu \o/ huehue' brincadeira =p Eu num tenho irmão mais velho, eu sou a mais velha huehue' Já é legal chantagear, esmagar e abraçar os mais novos HEHEHEHE'
    Ótimo tuto, o efeito é muito lindo *u*

    Beijos || Panther Pink and Blue

    ResponderExcluir
    Respostas
    1. O Key tem tanta purpurina, né? Eu odeio irmão mais velho T3T #SempreSofro

      Excluir
  6. djfkhcdk[~dhjbcnkjmd[jfdbkhck~ cocô do key,
    >.< eu sei como é ter um irmão mais velho te enchendo o saco :P eu odeio ser a mais nova .-.
    esse efeito é divo >.< vou usar no layout que eu estou fazendo =3

    ResponderExcluir

- Se quer algum código/tutorial que usei no layout, peça pela ask.
- Sem essa de "Seguindo, segue de volta?". Irrita, e pode não ser muito legal :/
- Os requesets podem ser feitos pelos posts e pelas asks.
- Seja educado, e não use palavras ofensivas.
- Sempre volte para ver se o seu comentário foi respondido >3<
- Retribuo sempre que posso
- Afiliações somente pela página. Para ser redirecionado à mesma, clique nos corações dos afiliados no cabeçalho.
- As pessoas que comentarem em posts aleatórios, de goodies ou de tutoriais pedindo afiliação serão ignoradas.
- Não me chame de Lelê, taco pedra.
Grata.