zampon - red de blogs ZampaRuedas     Coches Nuevos     ZampaOcio     LigaFutbol     Vivir Valencia     Ciudades Famosas


Cambiar el tamaño de la imagen usando la propiedad CSS "overflow"

Jue, Feb 21, 2008

CSS, Desarrollo web, Diseño

Hoy empiezo a revisas mi colección de RSS por orden inverso, así que le toca en primer lugar a XYBERNETICOS, donde nos muestra una sencilla y bonita técnica destinada a controlar el tamaño de las miniaturas que aparecen en nuestra Web usando la propiedad “overflow”. El truco está, en que lo haremos sin cambiar el tamaño de la imagen real, sino cambiando el tamaño de la zona visible de la misma.

Pero mejor darle un vistazo a la vista previa del invento, por eso de que “una imagen vale más que mil palabras“, y tenemos más información y descarga de ejemplos en cssglobe (en inglés, como siempre).

Aunque en el artículo de Nikko Cambiar el tamaño de las Miniaturas usando la propiedad Css Overflow, tenemos todas las explicaciones y códigos a emplear, y además en castellano.

Antes sin pasar el ratón:

miniatura1 thumb Cambiar el tamaño de la imagen usando la propiedad CSS "overflow"

Después de pasar el ratón:

miniatura2 thumb Cambiar el tamaño de la imagen usando la propiedad CSS "overflow"

Efecto en imagen

Entradas relacionadas

    None Found

Autor de esta entrada

Toni - ha publicado 3400 entradas en Cosas sencillas.

Contactar con el autor

2 comentarios en “Cambiar el tamaño de la imagen usando la propiedad CSS "overflow"”

  1. Pp dice:

    Excelente post amigo, cumplió con su objetivo, de sacarme de un apuro :D

    Saludos.

  2. Toni dice:

    Me alegro de que te sea de utilidad, un saludo.

Leave a Reply