Com CSS3 eu consigo diminuir o tamanho da imagem?
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!
Com CSS3 eu consigo diminuir o tamanho da imagem?
O tamanho original não, mas a visualização dela sim.
Por exemplo, se sua imagem tem 800x600 você pode definir a largura e altura no CSS para 200x150, mas a imagem ainda continua com o tamanho real de 800x600.
Thamirys, a resposta do Leandro conseguiu tirar suas dúvidas? Se sim, não se esqueça de marcá-la como solução, para ajudar outros alunos com dúvidas similares! Abraços e bons estudos!
Thamirys com CSS3 não podemos diminuir as dimensões reais da imagem, como o Leandro disse podemos definir sua altura(height) x largura(width) porém a imagem ira ser a mesma, então se tivermos uma imagem 100x100 e no css definimos como 200x200 pode ser que a mesma perca qualidade pois estamos esticando muito ela.
Além disso complementaria resposta informando que podemos definir qual parte da imagem queremos exibir utilizando a propriedade background. Imagine que temos uma imagem 100x100 novamente e queremos exibir uma parte dela.
div.imagem {
background-image: url(...);
background-position: 30px 50px;
height: 50px;
width: 50px;
}
Espero ter ajudado