1
resposta

Alterar o tamnho da imagem usando a propriedade object-fit

Boa noite, seria possível alterarmos as dimensões da img usando a propriedade object-fit do css ?

<header>
    <img id="banner" src="img/banner.jpg" alt="Banner Barbearia">
</header>
1 resposta

Olá, Rafael! A propriedade object-fit não, necessariamente, manterá as dimensões da imagem. O valor “cover” tem um comportamento de “cortar” as laterais da imagem para que ela caiba no container, mantendo o seu aspecto original. Fazendo uma analogia, este valor tem o mesmo comportamento que você terá para colar uma foto impressa de tamanho 20x25cm em uma área de papel com tamanho de uma foto 10x15cm. Para que a foto caiba nessa área menor, você pegará uma tesoura e cortará suas laterais até que ela se encaixe ou fique do tamanho 10x15cm. Ou seja, o tamanho da foto (sua dimensão) mudou, mas o seu aspecto permaneceu igual ao da foto original. Abs

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software