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>
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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>
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