terça-feira, 31 de julho de 2012

Efeito zoom nas imagens

Tumblr_m2rdj2x2la1qajo36o1_500_large_large
Hooy pra você que assim como eu está lamentando o final das férias - todos choram :'( - hauhauahuah... 
Então gente esse código que vou passar a vocês hoje pode ser colocado na elite afiliados (é necessário editar à largura) ou quem sabe uma galeria de imagens? (pra quem tem portfólio é uma ótima ideia)... Enfim usem a imaginação. Veja um exemplo:



Cole o código abaixo acima de

/* Efeito Zoom */ img.zoom {display:block; width:200px; -webkit-transition-duration: .3s; border:5px solid #EEE; position:relative;} img.zoom:hover {-webkit-transform: scale(2.00); transform:: scale(2.00); -o-transform: scale(2.00); -moz-transform: scale(2.00); -ms-transform: scale(2.00); z-index:5;}


Visualize se estiver tudo OK.Salve. E sempre que quiser usar o efeito zoom adicione o próximo código como HTML javascript e coloque a url da sua imagem no local indicado:



Super fácil né gente? Espero que tenham gostado  -Bye-

32 comentários :

  1. gostei do efeito!!
    super bacana!!
    bjooos,Aniinha

    do-ladodeca.blogspot.com

    ResponderExcluir
  2. Adorei, Jackie você não me colocou nas parcerias, ''triste'', :(

    Vuuuuuuup>>>>>>>>http://portal-girls-oficial.blogspot.com.br/

    ResponderExcluir
  3. Ameei vou colocar em meu blog s2
    Beijos.Gabi.

    opedecoelho.blogspot.com.br

    ResponderExcluir
  4. O efeito é lindo e realmente é ótimo para portfólio ^^

    Go Belezando

    ResponderExcluir
  5. nossa que diferente *-* nunca tinha visto esse tutorial na net '-'
    www.fashionemcores.com

    ResponderExcluir
  6. Legal ,não sabia desse tutorial :D

    Tava passeando pelo seu Flickr ,vc ta arrasando nas foto Jackie ,parabéns heehe"

    http://quandochegardezoito.blogspot.com.br/

    ResponderExcluir
  7. Gostei demais do tutorial!
    http://ladyalen.blogspot.com

    ResponderExcluir
  8. Mto legal esse tuto!Jackie tenho uma perguntinha:Como vc consegue ser tão linda?
    Beijos!

    www.estilofabuloso.blogspot.com

    ResponderExcluir
  9. Aqui é uma fofura! Ameeeeei demais! Posts super elaborados e uma ona que éum amor de pessoa! Retribui visitinha?

    blog-pinkberry-oficial.blogspot.com

    ResponderExcluir
  10. Muito legal esse efeito *-*

    http://detalhesdaamooda.blogspot.com.br

    ResponderExcluir
  11. ai meu Deus eu sempre quis saber desse tutorial oO, hashasha, em Jackie eu sei que é chato eu pedi mas voce sabe o tutorial daquele que voce encosta o mouse na foto e ela começa a girar obrigado pela atenção flor (:



    blog pessoal http://blognew-girl.blogspot.com/

    blog de encomendas http://bng-encomendas.blogspot.com.br/

    ResponderExcluir
  12. Muito legal o efeito.

    Beijos,
    Camila Angelina
    http://cantinhodacaps.blogspot.com.br (agora com TEMPLATE ANIMADO COMEMORATIVO de 1 ano do blog)

    ResponderExcluir
  13. Hallo :)
    own, q legaaal esse efeito! vou fazer no meu blog C:
    bjbj
    its-becky.blogspot.com

    ResponderExcluir
  14. Nossa poem fácil nisso HAHA' e olha que sou bem lerdinha com essas coisa >.<
    :l:

    ResponderExcluir
  15. Hmm. legal, mas acho que não vou usar. *-*

    ResponderExcluir
  16. Jackie você pode fazer uma entrevista para meu blog ? Se sim,responda lá no meu blog que eu passo as perguntas para o seu e-mail


    Att,Ricardo

    http://portaladoleteens.blogspot.com

    ResponderExcluir
  17. Que lindo o efeito, Ameei Jackie *--*

    Beijo Grande, Guriia

    ResponderExcluir
  18. Adorei o tutorial!!!
    Parabêns Jackie seu blog tá perfeito!!
    Beijos-> http://glitterizandoblog.blogspot.com.br/

    ResponderExcluir
  19. Mt bom gostei
    bjjs
    menina--delicada.blogspot.com.br

    ResponderExcluir
  20. Amei o tutorial (: Vou colocar o seu blog no meu blog na lista : Recomendo (:

    www.cuttycupcakes.bogspot.pt

    ResponderExcluir
  21. Omg! Que lindo Jackie!
    Bjs!
    http://fluffy-s2-world.blogspot.com.br/

    ResponderExcluir
  22. Oi pra vc que pelo jeito ta no fim das férias enquanto eu já to indo pra escola hsuahsua ;P
    Adorei o efeito

    ResponderExcluir
  23. Oii,
    Seguindo,segue de volta??
    http://docemeninablog.blogspot.com.br/
    Agradeço
    Bj

    ResponderExcluir
  24. @Carol Medeiros :d: brigada guria ~lê eu com vergonha aqui ~ ahuahuahauh

    ResponderExcluir
  25. @JhéssicaSe sim! Pode deixar que em breve post ele no blog pra vc *--*

    ResponderExcluir
  26. Metade do meu blog eu usei seus tutoriais!!! São ótimos *O*
    Se puder seguir o meu, estou começando agora...
    Beijos
    http://jansyk3s.blogspot.com.br/

    ResponderExcluir
  27. Hooy Jackie ..
    Muito bom o tutorial !
    Visite, por favor; se gostar segue ??
    http://kawaiifake.blogspot.com.br/

    Seguindo : )
    Obrigado#

    ResponderExcluir
  28. Jack amo seu Blog linda *-*
    aprendi um monte de coisas com as suas tutoriais,
    são demais até coisas que eu nem sabia que tinha como esse efeito de zoom em fotos muito legal, consegui fazer meu Blog do jeitinho que eu queria graças a você.

    OBRIGADA JACK *-*

    SE puder seguir meu Blog vou adorar te ver lá,

    http://variedadesdecoisasparagarotas.blogspot.com.br/

    Beijinhos S.

    ResponderExcluir
  29. Pra lá de útil haha' ameei

    http://www.girlsinful.blogspot.com.br/

    ResponderExcluir
  30. Sou nova em HTML, mas consegui colocar em meu blog e você está de parabéns!!!!
    Adorei seu blog. Kisses Lelê.
    http://sweet-cupcake-leti.blogspot.com.br/

    ResponderExcluir

.