Cómo se encaja una imagen o un vídeo en una caja de otra proporción.

Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.

Esencial. Cómo se ajusta una imagen o un vídeo a su caja cuando tienen otra proporción. cover llena la caja recortando; contain la muestra entera.

Valores: fill (deforma), cover, contain, none, scale-down

Qué parte de la imagen se ve cuando se recorta con object-fit: cover.

Valores: center, top, left 30%

Cómo se escala una imagen. pixelated mantiene los píxeles nítidos (pixel art, códigos QR).

Valores: auto, pixelated, crisp-edges