¿Para que sirve OBJECT-FIT? explíquenme plis

Paul Francis

Paul Francis

Pregunta
studenthace 3 años

¿Para que sirve OBJECT-FIT? explíquenme plis

1 respuestas
para escribir tu comentario
    Humberto Zapata León

    Humberto Zapata León

    studenthace 3 años

    object-fit es una propiedad de CSS que permite darle ciertos valores a etiquetas como <img> y <video>. Así poder indicarle al contenido como adaptarse a su contenedor.

    • fill: ocupará el escpacio total del contenedor, pero podría deformar el aspecto de tu imagen.
    • cover: también ocupará el espacio del contenedor pero podría perderse parte de la foto pues es cortada para encajar sin perder su aspecto.
    • Guarda el aspecto de tu imagen o video y buscará encajarlo de la mejor manera a tu contenedor. Esto a veces crea unos margenes internos para que pueda funcionar.

    Puedes ver como se comporta cada uno y otros en la documentación de Mozilla

Curso de CSS Grid Básico

Curso de CSS Grid Básico

Experimenta con CSS Grid y crea layouts dinámicos desde cero. Aprende a utilizar propiedades para alinear, ubicar y ajustar elementos en una grilla. Realiza un proyecto de página web y descubre cómo hacerla responsiva.

Curso de CSS Grid Básico
Curso de CSS Grid Básico

Curso de CSS Grid Básico

Experimenta con CSS Grid y crea layouts dinámicos desde cero. Aprende a utilizar propiedades para alinear, ubicar y ajustar elementos en una grilla. Realiza un proyecto de página web y descubre cómo hacerla responsiva.