3.09.2013

Efeito visualização 3D

Só eu que amo essa série?
Olá meus kinders ovos de laranja, tudo bom?. Antes de mais NADA é assim que se escreve Kinder Ovo? Porque eu não sei, mas emfim eu não postei faz 2 dias, e eu não tenho nenhuma desculpa a não ser que eu estava super empolgado com o novo template do blog e fiquei arrumando ele o dia inteiro. Mas emfim hoje eu trago um tutorial/efeito visualização 3D feito por mim, isso mesmo mais uma vez, então amos aprender a como fazer ele? É muito lindo mesmo!

Vá no seu editor de HTML do blogger
Aperte no seu teclado Ctrl+F e nessa caixinha que abriu cole a seguinte tag: '']]></b:skin>''
Logo após de achar essa TAG cole ACIMA dela esse código:

.pendura {
-webkit-filter: grayscale(1);
border:solid 3px #1a7f82;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.pendura:hover {
-webkit-filter: opacity(1);
-webkit-transform: rotate(0deg) scale(0.806, 1.042) skew(-1deg, 7deg) translate(-10px, 0px);
-moz-transform: rotate(0deg) scale(0.806, 1.042) skew(-1deg, 7deg) translate(-10px, 0px);
-o-transform: rotate(0deg) scale(0.806, 1.042) skew(-1deg, 7deg) translate(-10px, 0px);
-moz-box-shadow: 6px -4px 5px #050105;
-webkit-box-shadow: 6px -4px 5px #050105;
box-shadow: 6px -4px 5px #050105;
}
 Entenda o código: O que está em NEGRITO é a cor da borda troque se quiser, o que está em itálico é o efeito ''grayscale'' o preto e branco retire se quiser e por fim o está em tachado é a cor da sombra da foto, troque também se quiser usando essa tabela de cores online [www].

E agora vá em ''Layout'' e cliquem em Adicionar Gadget;
E depois procure por HTML/JavaScript e cole esse código nele:
<a href="LINK DO AFILIADO"><img class="pendura" height="60px" src="LINK DA IMAGEN" width="60px" /></a>
O que está em negrito você pode mudar ele muda o tamanho da imagens ou foto.
Bem gente é isso eu espero que vocês tenham gostado desse efeito, eu na verdade queria dizer DESCULPAS por não postar esses dias e até mais. E tenham um bom final de semana não posso prometer se postarei amanhã, desculpe mesmo!

24 comentários:

  1. Nossa que perfeito *OOOO*

    --> connectadus <--

    ResponderExcluir
  2. Math,que efeito lindo :') Perfeito!
    Ansiosa para o novo layout...
    Beijos!


    Cherry Girls

    ResponderExcluir
  3. Que efeito lindo! Nossa, se esse lay já é lindo, imagino o próximo *www*
    beijão
    london-things

    ResponderExcluir
  4. Lindo #____#
    amei o efeito,' pooxa math mata assim naum . Fica falando do noovo laay so pra eu morrer na curiosidade minino mal !

    garotaperigosa.blogspot.com

    ResponderExcluir
  5. Omg,perfeeeeeeeeeeeito o efeito,amei :)

    Ansiosa pra ver o próximo lay,vai ficar lindo,eu aposto,rs!

    www.em-teusbracos.blogspot.com

    ResponderExcluir
  6. Ótimo tutorial Matheus ! Amei :3
    Template novo? #Ansiosa!
    Tenho certeza que irá ficar muito perfeito, que nem tudo aqui !
    Avisa no meu blog quando mudar, hein ? ~Quero ser a primeira a ver ~-q
    HUEUEHUEHUEHEU ~
    kissu#
    http://cherrypimenta.blogspot.com

    ResponderExcluir
  7. Simplesmente lindo o efeito, adorei. Parabéns ^^

    conectados-oficial.blogspot.com

    ResponderExcluir
  8. Adorei esse efeito , é muuuito lindo <3

    xoxo

    aneldelacinho.blogspot.com.br

    ResponderExcluir
  9. nossa que efeitoo legallll gostei ! :)
    adotadospelopai.com.br

    ResponderExcluir
  10. Demais esse efeito!!
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  11. Nossa que massa! Aonde passa essa série da foto?? Falei sobre minha nova parceria no blog, dá olhada meninascapricho-dada.blogspot.com.br/ kiss

    ResponderExcluir
  12. efeito nota 10 u.u
    itsrockmore.blogspot.com.br

    ResponderExcluir
  13. AH que legal *----* Eu nunca tinha visto nenhum efeito parecido com esse HEHE, parabéns pela criatividade! :)
    Abraço.
    http://blog-part-of-me.blogspot.com.br/

    ResponderExcluir
  14. uuuuuiaaa que dez! *------* amei <3

    www.dicasluh.blogspot.com

    ResponderExcluir
  15. É assim que se escreve Kinder Ovo mesmo, tá certo ahhaha, acho. E adorei o efeito, parece muito que sai de leve da tela ahhaha
    Estou fazendo uma outra pesquisa lá no blog para conhecer os leitores, e quem responder é só deixar o link no formulário que eu divulgo no fim de um post. Se você já respondeu, ignore ahahform.jotformz.com/form/30373405781654?

    Beijos ♥
    Sim Senhorita (Clique aqui ou no perfil)
    @SiimSenhorita

    ResponderExcluir
  16. Que efeito legal, bem diferente :) Eu não sei como você sabe tanto de HTML! Bem que você podia dar umas aulinhas de como montar códigos e fazer os nossos próprios efeitos, eu iria amar *0*

    gc-geracaococacola.blogspot.com

    ResponderExcluir
  17. Oxe, bem maneiro!
    Beijo, Lili
    Princesa Teen. / Visite o blog.
    Video novo, receita! / Clica pra ver.

    ResponderExcluir
  18. Menino eu amei esse efeito *-* Já ta nos favoritos!
    E cara que layout diwonico <33 In love forever aqui, amo Gravity Falls!
    cute-bii.blogspot.com

    ResponderExcluir
  19. Adorei seu blog acabei de entrar e já adoro ele visita o meu
    naosoudotumblr.blogspot.com

    ResponderExcluir
  20. Gostei do efeito, muito lindo e maneiro! Adoro teus efeitos u.u
    Beijo :)
    pqngarota.tk

    ResponderExcluir
  21. Muito legal o efeito, não vou usar porque não combina com o meu layout, más quem sabe no proximo *o*
    Seguindo, segue de volta?
    the-paradiise.blogspot.com.br/

    ResponderExcluir
  22. Mt lindo o efeito....
    blogelevate.blogspot.com

    ResponderExcluir
  23. Lol que liindo o efeito! Caso eu continue com meu blog vou usar esse efeito! Beijos
    questao-deopiniao.blogspot.com.br

    ResponderExcluir

É o seguinte...
x Comente se você REALMENTE leu o post;
x NUNCA PEÇA para eu seguir deu blog de volta eu sempre visito, e seu eu gostar com certeza irei seguir;
x As tags são respondidas em um ''post'' privado geralmente anexadas em um servidor;
x Repeito os outros e eu, se quiser criticar critique!
Até e obrigado pela visita XOXO :)