CSS » Recortar imágenes con CSS

Circulos recortados con CSS

Esta es una técnica que descubrí hace poco para "recortar" las imagenes con CSS que están incrustadas en el HTML, y es muy pero muy sencilla. Se trata de usar el overflow:hidden para ocultar el resto de la imagen que no se quiere mostrar más margenes negativos para dar un punto de recorte.

No es para usarla como sprites CSS, pero es parecido. Quizás pueda llegar a parecer como las esquinas redondeadas por sus propiedades de margenes negativos.

No creo que sea necesario decir que es compatible con todos los navegadores (IE6 también por si tienes dudas).

Ve la presentación de como recortar imágenes con CSS que he creado.

Diego Escares

Publicado el 05 de Agosto del 2010 por Diego Escares

2290 visitas, 5 mensajes y 10 ediciones

Mensajes

yo yo el 28 de Agosto del 2010: 0

genial gracias :D

foinnego foinnego el 16 de Diciembre del 2010: +1

vinculo roto que pasooooo....

Diego Escares Diego Escares el 16 de Diciembre del 2010: 0

Arreglado, ni me había dado cuenta :P
gracias!

Diego Escares Diego Escares el 16 de Diciembre del 2010: 0

Ahhh, perdón, no sé qué onda pero no encuentro ahora el ejemplo. Lo estoy buscando por el ftp (pues es un .html) y no hay rastro de él! o.o

¡Amigo! te demorarás 10 segundos en crear tu cuenta.

Disfrutarás de todos los beneficios de DocumentoWeb.

Twitter Twitter Facebook Facebook Feed RSS Feed RSS

www.DocumentoWeb.com Licencia Creative Commons