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>
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