Questão FC546381
O comando CSS3 que desfoca a imagem na página HTML com nome de classe image em 5px e aumenta seu brilho em 20% é o
Desenvolvimento Web
FCC · 2025
O comando CSS3 que desfoca a imagem na página HTML com nome de classe image em 5px e aumenta seu brilho em 20% é o
- .image { filter: contrast(5px) brightness(20%); }
- #image { filter: blur(5px) brightness(20%); }
- .image { filter: blur(5px) brightness(20%); }
- .image { filter: blur(5px) brightness(120%); }
- #image { filter: contrast(5px) brightness(120%); }
Mostrar resposta e comentário
Gabarito
D
Comentário do professor
.image seleciona qualquer elemento HTML que possua a classe image, ou seja, `
filter é a propriedade CSS que adiciona efeitos visuais. Na declaração, várias funções podem ser encadeadas separadas por espaços e são aplicadas da esquerda para a direita.
blur(5px) produz um desfoque de tipo gaussiano com raio de 5 pixels, reduzindo a nitidez da imagem e espalhando os pixels num alcance de 5px.
brightness(120%) aumenta o brilho da imagem em 20%, equivalente a multiplicar o valor de brilho por \(1{,}2\). Valores acima de 100% clareiam, abaixo escurecem.
Juntas, as funções resultam em uma imagem simultaneamente desfocada e mais clara, preservando o conteúdo original e sendo processadas pelo navegador em sequência.
Conteúdo do catálogo FC Concursos · Atualizado em