Em relação ao código HTML e CSS precedente, julgue o próxim...
Em relação ao código HTML e CSS precedente, julgue o próximo item.
Ao ser executado, o código exibe o texto HELLO! em uma caixa rosa de 150 px, na posição definida e com um efeito de animação do tipo transição suave.
Comentários
Veja os comentários dos nossos alunos
Faltou um ponto na classe o correto seria: .box
. para classes e # para ids
- A com classe :
- Tem largura e altura de 150px ✅
- Cor de fundo rosa () ✅
- Opacidade igual a 1 (totalmente visível) ✅
- Transformação (não move verticalmente) ✅
- A propriedade define que qualquer mudança de estilo será animada suavemente em 0.9 segundos ✅
Porém: nenhuma propriedade está sendo alterada dinamicamente após o carregamento da página. Isso significa que a transição suave existe, mas não será visível, já que não há mudança de estado que acione essa transição.
A afirmação está parcialmente correta, mas tecnicamente INCORRETA, pois:
- A caixa rosa com texto “HELLO!” de 150px será exibida? Sim.
- Está na posição definida? Sim.
- Há transição suave? A transição está definida, mas não ocorre nenhuma animação visível, pois não há alteração no estilo após o carregamento. ❌
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo