Foros del Web » Programando para Internet » Javascript »

como se consigue este efecto al pasar el mouse sobre la imagen?

Estas en el tema de como se consigue este efecto al pasar el mouse sobre la imagen? en el foro de Javascript en Foros del Web. hola compañeros. alguno sabe por casualidad como se consigue este efecto: al pasar el puntero del mouse la imagen "tiembla". lo podéis ver en acción ...
  #1 (permalink)  
Antiguo 14/02/2012, 11:55
Avatar de roto2store  
Fecha de Ingreso: agosto-2011
Mensajes: 2
Antigüedad: 10 años, 5 meses
Puntos: 0
Busqueda como se consigue este efecto al pasar el mouse sobre la imagen?

hola compañeros.
alguno sabe por casualidad como se consigue este efecto:



al pasar el puntero del mouse la imagen "tiembla".
lo podéis ver en acción http://dx.com (parte superior izquierda)

yo siempre lo que hago es inspeccionar el elemento con el firebug y a partir de ahí montarlo yo mismo. pero en este caso no me aclaro con dicha web.

Muchas gracias de antemano.
Saludos.
  #2 (permalink)  
Antiguo 14/02/2012, 14:40
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 13 años, 5 meses
Puntos: 1532
Respuesta: como se consigue este efecto al pasar el mouse sobre la imagen?

con CSS3:
Código CSS:
Ver original
  1. .logo img {
  2.     -moz-animation-duration: 1s;
  3. }
  4. .logo a:hover img {
  5.     -moz-animation-name: tada;
  6. }

su implementación varia en función del navegador, hasta que se estandarice por completo
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 16/02/2012, 20:30
Avatar de roto2store  
Fecha de Ingreso: agosto-2011
Mensajes: 2
Antigüedad: 10 años, 5 meses
Puntos: 0
De acuerdo Respuesta: como se consigue este efecto al pasar el mouse sobre la imagen?

Cita:
Iniciado por maycolalvarez Ver Mensaje
con CSS3:
Código CSS:
Ver original
  1. .logo img {
  2.     -moz-animation-duration: 1s;
  3. }
  4. .logo a:hover img {
  5.     -moz-animation-name: tada;
  6. }

su implementación varia en función del navegador, hasta que se estandarice por completo
Genial muchas gracias!, Saludos!

Etiquetas: consigue, efecto, mouse
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:04.