• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

17 de abril de 2013

Efeito Moderation Turns Turns

Oi paçoquinhas adocicadas de melão!
Quem tá feliz aí grita!
Eu estou super feliz, hoje só tive prova e fui embora, apesar da prova estar super difícil, mais como sou esforçada sqn- então estudei direitinho e fiz as questões com muito esforço, afinal não quero repetir de ano não é?!

Notaram que eu fiquei muito sumida ultimamente? então, estou me esforçando ao máximo nas provas e testes, desculpem mesmo, mais logo a semana acabará e trarei mais um quadro de inspirations aqui para vocês.
Hoje irei ensinar a fazer um efeito de moderação que dou os créditos para o blog J.D [www] , peço que ignorem o nome que dei para o efeito de moderadoras, dei esse nome só para ser mais fácil de procurar no chocomapa, e a tradução é moderação vira vira, já que vira as imagens ospkasko. Esse efeito a megan usou na elite de seu layout free [confira aqui] e achei super legal o efeito, então procurei o tutorial e achei, trouxe para vocês, visualizem o efeito aqui, perfeito não?! então larga a preguiça de lado e vamos aprender agora mesmo esse efeito super fácil!

Cole o código abaixo, acima de  ]]></b:skin>:

/***** EFEITO MODERAS ******/
.imagem:hover{opacity:1.0;-webkit-transition-duration: .45s;}
.efeito img{width: 116px; -webkit-transition-duration: .45s;}
.efeito:hover img {-webkit-transition-duration: .45s; -webkit-transform: rotate(360deg); opacity: 0.20;}
.efeito img:hover {-webkit-transition-duration: .45s; opacity: 1.0;}


Para ele funcionar, cole isso em seu HTML de postagem ou em um javascript:


 <div class="efeito">

<a href="LINK"><img src="URLDAIMAGEM" class="imagem"></a>

<a href="LINK"><img src="URLDAIMAGEM" class="imagem"></a>
<a href="LINK"><img src="URLDAIMAGEM" class="imagem"></a>
</div>

Então guys? gostaram?!
Beijos meus otakus e otomes favoritos!

6 comentários:

  1. Adorei (:

    Poderia seguir meu blog :// Ja sigo o seu bejinhoos~♥

    http://tudo-que-penso.blogspot.com.br/

    ResponderExcluir
  2. Que bom pras você *u* Hoje cheguei nem sabendo que no p´rimeiro horário tínhamos exame de Inglês '-' Minha sorte é que sou boa em Inglês e-e'

    Adoro esse efeito *-* Estava procurando a um tempo e não achava >//<
    Amei o tuto, super útil, vou salvar aqui :3

    http://wanted-dream.blogspot.com.br/

    ResponderExcluir
  3. Que feito divo *-*
    - Obrigada por creditar a imagens. :3
    Visita?

    ResponderExcluir
  4. Otimo e ultil efeito arrasaram em? vota no the famosic show no blog:
    http://concursomeninadesorte.blogspot.com.br/

    Por favor.

    ResponderExcluir
  5. I LOVE paçoa o/ O efeito deve ser muito lindo, mais eu to num pc horrivel vou migrar para o outro para mim poder ver o efeito e talvez usá-lo ^^
    Kissus #May-Sun *--*

    Nosso Diário Nada Convencional

    ResponderExcluir
  6. Fico feliz que você consegui fazer a prava *o*
    Muito lindo esse efeito.

    XOXO :)
    jovenclube(.blogspot.com.br)

    ResponderExcluir