Foros del Web » Creando para Internet » CSS »

Hacer este efecto...

Estas en el tema de Hacer este efecto... en el foro de CSS en Foros del Web. Hola vi un efecto en la siguiente pagina: http://www.inteldig.com/2012/10/kaspersky-construira-su-propio-sistema-operativo-para-combatir-el-malware/ Es que cuando te pones el raton encima de alguna de las 4 imagenes que vienen ...
  #1 (permalink)  
Antiguo 17/10/2012, 12:35
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Hacer este efecto...

Hola vi un efecto en la siguiente pagina: http://www.inteldig.com/2012/10/kaspersky-construira-su-propio-sistema-operativo-para-combatir-el-malware/

Es que cuando te pones el raton encima de alguna de las 4 imagenes que vienen sobre el titulo y la imagen se sube para arriba para mostrar un texto!

Vi con el insprector de propiedades que cambia la propiedad bottom . Intente hacer lo pero no me salio.
Yo puedo cambiar la propiedad con javascript pero no se que estilos mas necesito para que funcione.
Como se podia hacer este efecto???

Saludos
  #2 (permalink)  
Antiguo 17/10/2012, 13:36
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Hacer este efecto...

¿Ya miraste aquí si algo te sirve?
Creo que se llama "persiana".

Temas sobre efectos

CRear efecto de transicion entre dos imagenes.
  #3 (permalink)  
Antiguo 17/10/2012, 13:40
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 15 años, 7 meses
Puntos: 187
Respuesta: Hacer este efecto...

solo con CSS lo haría así (tener en cuenta que es el concepto):

http://jsfiddle.net/cEwRA/

Aclaración, la animación es compatible en navegadores que soportan CSS3
  #4 (permalink)  
Antiguo 17/10/2012, 14:33
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Respuesta: Hacer este efecto...

Cita:
Iniciado por ryugen Ver Mensaje
solo con CSS lo haría así (tener en cuenta que es el concepto):

[url]http://jsfiddle.net/cEwRA/[/url]

Aclaración, la animación es compatible en navegadores que soportan CSS3
Hola gracias por tu respuesta pero yo necesito algo que sea compatible con los navegadores modernos... es decir sin css3 por lo menos sin transition pero lo demas esta bien

Saludos
  #5 (permalink)  
Antiguo 18/10/2012, 05:02
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Hacer este efecto...

Cita:
Iniciado por patilanz Ver Mensaje
Hola gracias por tu respuesta pero yo necesito algo que sea compatible con los navegadores modernos... es decir sin css3 por lo menos sin transition pero lo demas esta bien

¿Qué es lo que no ves compatible en el código de ryugen con los navegadores modernos? ¿No es paradójico pedir algo para navegadores modernos pero sin CSS3?
__________________
(:
  #6 (permalink)  
Antiguo 18/10/2012, 05:11
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Respuesta: Hacer este efecto...

Cita:
Iniciado por Bonez Ver Mensaje
¿Qué es lo que no ves compatible en el código de ryugen con los navegadores modernos? ¿No es paradójico pedir algo para navegadores modernos pero sin CSS3?
:D quieres decir que todos los navegadores modernos tienen csc3... creo que tienes razon poes no me he expresado bien

Por lo menos necestio que funcion con internet 8 o 7 porque ellos no tienen transition.

Y una cosa internet explorer se dice que es moderno??

Saludos
  #7 (permalink)  
Antiguo 18/10/2012, 05:42
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Hacer este efecto...

Yo considero que IE9 es moderno. Que sea una mIErda es otra cosa.

Pues entonces te quedaría usar javascript.
__________________
(:
  #8 (permalink)  
Antiguo 19/10/2012, 08:30
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Respuesta: Hacer este efecto...

Gracias a todos ya lo hize con javascript

Etiquetas: imagenes
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 00:38.