Media Control

Object-Fit

Controle como imagens e vídeos devem ser redimensionados dentro de seus containers, mantendo a proporção ou preenchendo o espaço disponível.

Cover
.objf-co

Cover

A imagem mantém sua proporção e preenche todo o container. Partes podem ser cortadas.

Contain
.objf-c

Contain

A imagem é redimensionada para caber inteira no container sem ser cortada.

Fill
.objf-f

Fill

A imagem é esticada para preencher o container, ignorando sua proporção original.

Scale-down
.objf-s

Scale-down

A imagem escolhe entre none ou contain, optando pela que resultar em menor tamanho.

None
.objf-n

None

A imagem mantém seu tamanho original e não é redimensionada.

Uso Prático

Y2 - Continue Explorando