Hoy me he encontrado con este artículo (que creo es un poco antiguo) en el que nos muestran como crear miniaturas con CSS, concretamente usando la propiedad clip del mismo.
Básicamente lo que hacemos es un crop (recorte) de la imagen indicando las coordenadas de corte que deseamos realizar para crear nuestra miniatura.
// HTML
<div class="clipwrapper">
<div class="clip">
<img src="castle.jpg" />
</div>
</div>
// CSS
.clipwrapper{
position:relative;
height:225px;
}
.clip{
position:absolute;
clip:rect(50px 218px 155px 82px);
}El resultado es una imagen recortada de un tamaño inferior al original que encaja perfectamente en nuestra aplicación.
9 comentarios, 2 referencias
+
#