Com CSS3 eu consigo diminuir o tamanho da imagem?
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