Editar

<p class="imagen_derecha"><a href="../../ejemplos/recortar-imagenes-con-css/"><img src="http://farm5.static.flickr.com/4102/4863988429_0a22fd3005.jpg" alt="Circulos recortados con CSS" /></a></p> <p>Esta es una t&eacute;cnica que descubr&iacute; hace poco para "<strong>recortar</strong>" las imagenes con CSS que est&aacute;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&aacute;s margenes negativos para dar un punto de recorte.</p> <p>No es para usarla como <a href="../../Guia/CSS/Sprites-CSS">sprites CSS</a>, pero es parecido. Quiz&aacute;s pueda llegar a parecer como las <a href="../CSS/Esquinas-redondeadas-con-CSS-e-imagenes">esquinas redondeadas</a>&nbsp;por sus propiedades de margenes negativos.</p> <p>No creo que sea necesario decir que es compatible con <strong>todos los navegadores</strong> (IE6 tambi&eacute;n por si tienes dudas).</p> <p>Ve la <a href="../../ejemplos/recortar-imagenes-con-css">presentaci&oacute;n de como recortar im&aacute;genes con CSS</a>&nbsp;que he creado.</p>

o salir