19/05/2013

Efeito Magic *u*


Hoy ~ Boa tarde , domingo o pior dia da semana , nada pra fazer , ninguém pra falar e o tédio consumindo nossa vida em algumas horas , na verdade só da vontade de dormir e comer hoje .-. e pra falar a verdade em todos esses domingos eu engordei bastante u-u , tô aqui moscando no facebook '-' , perceberam que eu mudei o menu ? hehe , foi o ed que me deu essa ideia , e ficou bem legal eu adorei *u*
Indo para o post de hoje , vim trazer uma coisa que faz meses que eu não trago , um tutorial , achei ele tão divo mais ainda não usei o nome dele é Efeito Magic , magico demais super meigo ,  hoje mesmo criei um blog pra testar os tutoriais que eu postei aqui , e também para vocês verem como ele é antes de usa lo , eu tenho um certo ódio por blogs que postam um tutorial mais não colocam como ele é T^T ,  achei ele no blog Cookie Lovers então todos os créditos são para eles , o efeito fica bem divo em elite de afiliados na minha opinião u.u ,  espero que aproveitem , e bom domingo a todos .




Vamos lá ?

Para utilizar, procure pela tag  ]]></b:skin>

Dica: Com o novo modelo do blogger, muitas pessoas não estão conseguindo achar esta tag. Tente procurar somente por ]] e ir tentando achar o restante da tag (:
Quando achar a tag, acima dela, cole:

.magic{
border: 4px solid #f1f1f1;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-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);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-webkit-transition-duration: .50s;
}
.magic:hover{
transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-webkit-transition-duration: .50s;

Se quiser  a borda de outra cor, mude #f1f1f1 por outro hexadecimal. 
Se não quiser a borda, apague a linha "border: 4px solid #f1f1f1;"

Para utilizar o efeito, cole o código abaixo em um gadget de Html/JavaScript:


<a href="LINK"title='TEXTO'><img class="magic" src="IMAGEM" /></a> 



32 comentários:

  1. Não deu para ver o Preview, mas vou tentar fazer! Adorei o menu, bem fofinho, já tinha percebido antes e iria até imitar, mas achei melhor não!

    Já te Coloquei na minha elite(terceiro quadradinho azul), welcome Again!
    Beijos>> SEMPRE FUI ESTRANHA

    ResponderExcluir
    Respostas
    1. Hoooy ~ desculpa ~ o blog de tutorial tava fechado T^T
      Que burra eu u.u , awnt que meiga c: õ/

      Excluir
  2. Amei esse efeitos , talvez eu use.

    http://paisdeblogueiros.blogspot.com.br/

    ResponderExcluir
  3. Uia, um tutorial do meu blog *u* EHUEHE' Nunca vi ninguém reblogando nada de lá e.e
    Esse efeito não foi de minha autoria, o único que eu fiz, foi o Boobs, mas o Magic é muito lindo *--*

    ResponderExcluir
    Respostas
    1. OMG *U* Mais eu peguei de lá u.u então mesmo você não tendo feito é divo u.u AHSUEHAUSIAHEUA

      Excluir
    2. Nah, pode pegar, eu meio que acho bom quando reblogam, porque eu vejo que tem coisa que preste lá -q
      Eu achei bem bonito *-*

      Excluir
    3. lógico que tem coisas que preste lá u-u menina O.o
      e agora que você disse isso sua diva , vou reblogar sempre ASHAUEIAHSUAISA ♥

      Excluir
  4. OMG!Que efeito perfeito G-zuis, muito lindo *o* ahsuahshuas'

    Beijos!
    http://criticas-on.blogspot.com.br/

    ResponderExcluir
  5. Amor, já te coloquei como afiliada, obrigada por me aceitar :)

    Beijos, http://rascunhos-na-gaveta.blogspot.com.br/

    ResponderExcluir
  6. Que efeito legal, gostei !
    cr4zy-world.blogspot.com

    ResponderExcluir
  7. Olá querida ainda quero sim ser sua afiliada beijos poke-nerd.blogspot.com

    ResponderExcluir
  8. Adorei o efeito :D Ah quero com certeza ser sua afiliada já vou te colocar e parabens pelo layout :D

    ResponderExcluir
  9. O efeito é bem boniito
    Somos uma web show e queremos convidar todos pra dar uma olhada no nosso blog e na nossa web show,gostaria de ir até lá?
    http://thebestteeen.blogspot.com.br/
    beijos.

    ResponderExcluir
  10. Adorei o efeito , bem diferente :3 E nem me fale , viu ? Domingo é o dia da maresia mesmo huashauhs' A preguiça prevalece ... Uiuiui , você tá divanu com esse layout , adorei *-* Não vejo muita gente com um lay da Little Mix . Nunca ouvi uma música delas , mas quando consertar a bênção da caixa de som , vou ouvir .

    Ameei seu blog e já estou seguindo . Quando der , retribui lá please ? Kissus ♥
    listen-official.blogspot.com

    ResponderExcluir
    Respostas
    1. *---------* sim , õ/ obrigado por seguir flor :D

      Excluir
  11. Que bloguinho fofo *u*
    Muito bom tutorial *u*

    Seguindo, segue de volta ??

    http://letras-no-ceu.blogspot.com.br/

    ResponderExcluir
  12. Que blog Lindoo !
    Amei eu ja to seguindo
    se você poder segui o meu tbm ?
    Eu ia amarr Bjuuuuus
    one-teens.blogspot.com
    OBS:VOU VISITA AQUI SEMPRE rs

    ResponderExcluir
  13. Adorei o efeito! Vai ficar na lista de efeito que posso usar asuashuhsau Estou seguindo!

    tree-words.blogspot.com

    ResponderExcluir
  14. Que efeito cut! >.<'

    http://princesadepreto.blogspot.com

    ResponderExcluir
  15. Oi. Já te adicionei aos afiliados no meu blog. Obrigado por me adicionar também!
    Bjos♥♥♥

    www.soytiago.blogspot.com

    ResponderExcluir