ATENÇÃO ESTE É O "ANTIGO VÍDEO BLOGUEIRO", AS VÍDEO AULAS POSTADAS AQUI SÃO VELHAS E ALGUMAS PODEM NÃO MAIS FUNCIONAR PERFEITAMENTE.

ACESSE NOSSO NOVO BLOG: WWW.VIDEOBLOGUEIRO.BLOGSPOT.COM

segunda-feira, 9 de setembro de 2013

Como colocar zoom na imagem ao passar o mouse [ATUALIZADO 08/10/13]

,
Que tal acrescentar em seu blog um toque de sofisticação?
Não faz mal a ninguém certo?
Neste vídeo irei ensinar como colocar zoom na imagem quando se é passado o mouse sobre elas.
Não entendeu? simples, quando você passar o mouse encima de qualquer imagem de suas postagens, ela irá simplesmente crescer um pouco mais que o normal, nada que chame muita atenção ou possa desagradar seus leitores.

GALERA, ME PERDOEM, MAS NA CORRERIA ACABEI ESQUECENDO DE POSTAR OS CÓDIGOS; ALGUMAS PESSOAS RECLAMARAM POR COMENTÁRIOS MAS JÁ ESTOU ATUALIZANDO...
  • CÓDIGO 1:

]]></b:skin>

  • CÓDIGO2:

.post-body img {
-Webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
}
.post-body img:hover{
border:1px solid #000;
-webkit-transform: scale(1.302);
}
Duvidas? terei muito prazer em responder suas dúvidas por comentários abaixo.
Comentários
4 Comentários

4 comentários to “Como colocar zoom na imagem ao passar o mouse [ATUALIZADO 08/10/13]”

  • 4 de outubro de 2013 às 00:52
    Print Disse:

    kde os codigos ?

    delete
  • 5 de outubro de 2013 às 18:11
    Unknown Disse:

    Meu brother...
    Kd o codigo???

    delete
  • 8 de outubro de 2013 às 14:50
    Anônimo Disse:

    Galera, vou colocar os códigos, esqueci, não sei como O.o

    delete
  • 2 de abril de 2014 às 18:11
    Anônimo Disse:

    Opa, deu certinho valeu!

    delete

Postar um comentário

ShareThis

 

Velho Vídeo Blogueiro Copyright 2011 - 2013 © Todos os direitos reservados.