Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

5. CSS3

Com CSS3 eu consigo diminuir o tamanho da imagem?

3 respostas

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!

solução!

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