Foros del Web » Creando para Internet » CSS »

¿Cómo logro este efecto "zoom"?

Estas en el tema de ¿Cómo logro este efecto "zoom"? en el foro de CSS en Foros del Web. He encontrado ESTA WEB y me ha gustado el efecto ese que hay al situar el cursor encima de una imagen, ese efecto zoom y ...
  #1 (permalink)  
Antiguo 14/11/2007, 04:47
 
Fecha de Ingreso: diciembre-2003
Mensajes: 73
Antigüedad: 14 años
Puntos: 2
¿Cómo logro este efecto "zoom"?

He encontrado ESTA WEB y me ha gustado el efecto ese que hay al situar el cursor encima de una imagen, ese efecto zoom y quisiera aplicarlo en un proyecto pero viendo el código fuente no me aclaro ya que no soy un entendido de etiquetas divs ni css.

¿Alguien podría ayudarme a conseguir un efecto similar?
Gracias.
__________________
Tonos gratis
  #2 (permalink)  
Antiguo 14/11/2007, 06:25
Avatar de bhagat  
Fecha de Ingreso: julio-2002
Ubicación: Granada
Mensajes: 469
Antigüedad: 15 años, 5 meses
Puntos: 7
Re: ¿Cómo logro este efecto "zoom"?

Hola JoJa

en esta web tienes un ejemplo hecho solo con css

http://www.cssplay.co.uk/menus/magnifier2.html

fijate en el codigo fuente en estas lineas
Cita:
<style type="text/css">

#enlarge {padding:0; margin:4em auto; list-style-type:none; width:240px; height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px; position:relative;}
#enlarge li a {display:block; width:40px; height:40px; background:transparent; overflow:hidden; position:relative;}
#enlarge li a img {width:100%; height:100%; border:0;}
#enlarge li a:hover {position:absolute; left:-20px; top:-20px; width:80px; height:80px; z-index:100;}


</style>
de hecho es un excelente sitio web para asuntos de CSS, no solo de menús, te lo recomiendo


suerte
__________________
Por prudencia, la palabra SIEMPRE,
no la deberiamos usar NUNCA

Bhagat Dominguez
www.percusioncreativa.com

Última edición por bhagat; 14/11/2007 a las 06:40
  #3 (permalink)  
Antiguo 15/11/2007, 06:36
 
Fecha de Ingreso: diciembre-2003
Mensajes: 73
Antigüedad: 14 años
Puntos: 2
Re: ¿Cómo logro este efecto "zoom"?

Ok! Muchas gracias, lo probaré a ver que tal funciona ;) De momento parece un ejemplo fácil para mi entendimiento.

Gracias por tu ayuda, me pondré a trabajar ahora mismo :D
__________________
Tonos gratis
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 14:55.