• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

1 de agosto de 2012

Efeito Zoom nas imagens de afiliados


{essa é a imagem de como me sinto depois de volta às aulas   hihi viram?! a imagem tem nexo à postagem kkk}

Olá gente! não estou muito animada por causa da escola e tal, mais agora estou melhorzinha mais também não é aquilo que se diga "aaa que desânimo" hihihi estou trank :'( {vocês nem me perguntaram e eu fico falando coisa que nem interessa aff...aff mesmo ¬¬   }

Mais então...onde eu estava mesmo? ...tic..tac...tic..tac...aaa sim...no tutorial hahaha então coloquem leia mais e vejam o tutorial hihoihihoihoihoi 


Agora vou ficar séria *-*...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.

aqui está o exemplo de como fica a imagem.

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

/* 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:

<img src="URL DA SUA IMAGEM AQUI" class="zoom">

Fácil pra caramba né?!

agora...estreando meu novo banner


4 comentários:

  1. Quem 10 AMei!Tuto muito bom..!Retribuindo visitinha ok! Bjin *--*
    giCandy World

    ResponderExcluir
  2. Mt lindo seu blog!!
    Faz parceria ?
    Se aceitar vc poderia porfavooor deixar uma resposta lá no blog?
    Bjcas gabi do http://candycam-ga.blogspot.com.br/

    ResponderExcluir