• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

1 de fevereiro de 2013

Efeito Yume

Tumblr_m6li9rbzsa1rpqep1o1_500_large
Olá moranguitos com frutas roxas! eu acabei de voltar da casa da minha amiga, estava muito bom lá, vimos filmes e damos risadas juntas, mais como vocês não tem nada a ver com isso, eu nem sei porque contei rs, eu vou partir para o tutorial de hoje, é um efeito super legal que achei o no FDA, veja o preview aqui, é lindinho o efeito né?! vamos aprender agora ^_^

Primeiramente vá no seu HTML e procure por ]]></b:skin>, e acima cole:
.yume {-webkit-filter:sepia(1);-webkit-transition-duration: 1.5s;-webkit-transform: rotate(30deg) scale(1.1);border-radius: 100px;margin: 5px;-moz-box-shadow: 0 0 1em #00CED1;-webkit-box-shadow: 0 0 5px #888;}.yume:hover {-webkit-filter: none;-webkit-transform: rotate(0deg) scale(1.1) ; opacity: .99;-webkit-transition-duration: 1s;border-radius: 5px;}

Se quiser substitua o "sepia" por outro efeito:
-blur 
-grayscale
-contrast

Para usá-lo, adicione um HTML / Javascript e cole:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img class="yume" src="LINK DA IMAGEM" /></a>

Pronto, fácil né gente :)

22 comentários:

  1. Ameii o efeito amanha vou colocar nos afiliados ok

    ResponderExcluir
  2. Que gracinhaaaa! Eu adorei, ótimo tutorial! Pretendo fazer um layout nessas cores, ai vou usar com certeza, muito bonitinho!!! *-*

    Eu que to precisando sair com as amigas, parece que é só chegar as férias todos somem hahaha

    Beijos!
    Too kawaii

    ResponderExcluir
  3. kawaii o efeito.
    ah Megan se divertindo e eu asqui alone em casa só com meu precioso computador.

    http://the-moon-reverse.blogspot.com.br/

    ResponderExcluir
  4. Adorei o efeito!
    space-sweet-girl.blogspot.com

    ResponderExcluir
  5. Ai que fofura >.< mt kawaii.

    estou seguindo. Acabamos de começar nosso blog e ficariamos feliz se vc nos retribuisse :3
    http://garota-equivocada.blogspot.com.br

    ResponderExcluir
  6. Amei, amei, amei, amei!!!!

    http://bemparameninas.blogspot.com

    ResponderExcluir
  7. nossa, super fofo e lindo ! Achei super cute, adoreei s2
    # Beeijos >> crystal-slipper.blogspot.com

    ResponderExcluir
  8. Nossa..Fofinho? MARAVILHOSO! já favoritei para usa-lo no meu proximo lay!

    Beijos~~>chuvasdioutono.blogspot.com

    ResponderExcluir
  9. hahha, amei amei o efeito. Fica tão fofinho, não conhecia esse. Amei! *---*


    ..::IrisJovem//Blog::..
    irisjovem|blogspot.com

    ResponderExcluir