No desenvolvimento de um layout web responsivo com CSS3, qu...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: B - background-attachment: fixed
Vamos entender melhor esta questão e como ela se relaciona com o desenvolvimento de layouts web responsivos e a implementação do efeito de parallax utilizando CSS3.
O efeito de parallax é uma técnica onde o plano de fundo da página se move a uma velocidade diferente do conteúdo em primeiro plano, criando uma sensação de profundidade e dinamismo. Para implementar esse efeito, uma propriedade crucial no CSS é background-attachment
, com o valor fixed
. Isso fixa o plano de fundo em relação à viewport, enquanto o conteúdo da página se desloca sobre ele.
Justificativa da alternativa correta:
A alternativa B é correta porque a propriedade background-attachment: fixed;
é essencial para criar o efeito de parallax. Quando essa propriedade é aplicada, o plano de fundo permanece fixo durante o scroll da página, enquanto outros elementos se movem, criando o efeito desejado.
Análise das alternativas incorretas:
A - display: flex;
: Essa propriedade é usada para criar layouts flexíveis e responsivos. Embora seja extremamente útil para alinhar e distribuir elementos dentro de um contêiner, ela não tem relação direta com o efeito de parallax.
C - position: absolute;
: Define a posição de um elemento em relação ao seu contêiner posicionado mais próximo. Essa propriedade pode ser usada para sobrepor elementos, mas não contribui para a criação do efeito de parallax.
D - overflow: hidden;
: Controla o comportamento do conteúdo que excede o tamanho do contêiner. Pode ser útil para evitar que elementos transbordem, mas novamente, não tem relação com a implementação do efeito de parallax.
Com essas explicações, esperamos que o conceito de parallax e a aplicação da propriedade background-attachment: fixed;
no CSS fiquem mais claras para você. É importante entender como cada propriedade do CSS pode ser usada para criar diferentes efeitos e layouts em uma página web.
Gostou do comentário? Deixe sua avaliação aqui embaixo!
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
parallax parece nome de doença, Deus me livre pegar isso...
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo