
Efeitos de Hover e Opacidade
Quiz
•
Mathematics
•
2nd Grade
•
Practice Problem
•
Hard
Used 1+ times
FREE Resource
Enhance your content in a minute
15 questions
Show all answers
1.
DRAG AND DROP QUESTION
30 sec • 1 pt
Imagine que você é um desenvolvedor web e quer fazer um elemento da página desaparecer usando JavaScript e CSS! Você usaria a propriedade CSS (a) para criar esse efeito de "desaparecimento".
color
opacity
background-color
display
Answer explanation
The 'opacity' property in CSS allows you to control the transparency of an element, creating a fading effect. Setting it to 0 makes the element fully transparent, effectively making it disappear, unlike the other options.
2.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Imagine que você é um desenvolvedor web e precisa descobrir qual seletor CSS é usado para detectar quando o mouse está sobre um elemento em uma página HTML! Qual deles você escolheria? Ajude o desenvolvedor William a resolver esse mistério!
:active
:focus
:hover
:visited
Answer explanation
:hover é o seletor que detecta quando o mouse está sobre um elemento, tornando-o o espião ideal para o detetive William. Os outros seletores têm funções diferentes: :active para cliques, :focus para campos ativos e :visited para links visitados.
3.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Imagine que você é um desenvolvedor web como o Aiden, e ao passar o mouse sobre um elemento HTML, você aplica um feitiço de opacidade usando CSS! O que acontece com a opacidade do elemento quando o mouse passa por cima dele, usando o seletor `:hover`?
A opacidade aumenta
A opacidade diminui
A opacidade não muda
O elemento desaparece
Answer explanation
Quando o mouse passa sobre o elemento, a opacidade aumenta, criando um efeito visual que destaca o elemento. Isso é comum em efeitos de hover, onde a interação do usuário provoca uma mudança na aparência.
4.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Abigail e Arjun estão em um debate amigável sobre design de sites usando HTML5 e CSS. Abigail insiste em fazer com que os elementos de sua página se destaquem com uma borda estilosa. Qual propriedade CSS ela deve usar para vencer o debate?
margin
padding
border
outline
Answer explanation
To make webpage elements stand out with a stylish border, Abigail should use the 'border' CSS property. This property allows her to define the style, width, and color of the border around her elements.
5.
DRAG AND DROP QUESTION
30 sec • 1 pt
Imagine que você é um desenvolvedor web e precisa ajudar a Grace a deixar sua página HTML mais espaçosa e arejada. Qual propriedade CSS você usaria para adicionar espaço extra abaixo de um elemento usando JavaScript? (a)
Usando a propriedade `padding-top`
Usando a propriedade `margin-bottom`
Usando a propriedade `border-bottom`
Usando a propriedade `opacity`
Answer explanation
A propriedade `margin-bottom` é a mais adequada para adicionar espaço extra abaixo do conteúdo, pois cria um espaço externo entre o elemento e o próximo. As outras opções não atendem a essa necessidade de espaçamento.
6.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Imagine que você está desenvolvendo uma página web e pode controlar a opacidade de um elemento usando CSS. O que acontece quando você aumenta a opacidade desse elemento?
O elemento fica mais transparente
O elemento fica mais opaco
O elemento muda de cor
O elemento desaparece
Answer explanation
Quando você aumenta a opacidade de um elemento, ele se torna menos transparente e, portanto, mais opaco. Isso significa que o elemento se destaca mais na tela, tornando-se mais visível.
7.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Imagine que você é um desenvolvedor web, e sua missão é ajudar o jovem Benjamin a ajustar a transparência de um elemento em uma página HTML usando CSS. Qual das opções abaixo é um exemplo de valor válido para a propriedade `opacity`?
1.5
0.5
2
-1
Answer explanation
A propriedade `opacity` aceita valores entre 0 e 1, onde 0 é totalmente transparente e 1 é totalmente opaco. Portanto, 0.5 é um valor válido, enquanto 1.5, 2 e -1 estão fora desse intervalo.
Create a free account and access millions of resources
Create resources
Host any resource
Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever
or continue with

Microsoft
%20(1).png)
Apple
Others
By signing up, you agree to our Terms of Service & Privacy Policy
Already have an account?
Similar Resources on Wayground
10 questions
8º ano - Polinômios
Quiz
•
1st - 3rd Grade
15 questions
PIparatodos
Quiz
•
1st Grade - Professio...
10 questions
Números de cinco cifras
Quiz
•
2nd Grade
10 questions
Atividade de Revisão
Quiz
•
1st - 3rd Grade
14 questions
Área e perímetro
Quiz
•
2nd Grade
10 questions
Divisão
Quiz
•
2nd Grade
20 questions
Matrizes
Quiz
•
1st - 7th Grade
15 questions
MAT Felipe, Lucas, Pedro An, Pedro Ne, Rafael M 6º1
Quiz
•
1st - 10th Grade
Popular Resources on Wayground
10 questions
Honoring the Significance of Veterans Day
Interactive video
•
6th - 10th Grade
9 questions
FOREST Community of Caring
Lesson
•
1st - 5th Grade
10 questions
Exploring Veterans Day: Facts and Celebrations for Kids
Interactive video
•
6th - 10th Grade
19 questions
Veterans Day
Quiz
•
5th Grade
14 questions
General Technology Use Quiz
Quiz
•
8th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
15 questions
Circuits, Light Energy, and Forces
Quiz
•
5th Grade
19 questions
Thanksgiving Trivia
Quiz
•
6th Grade
Discover more resources for Mathematics
20 questions
Multiplication Mastery Checkpoint
Quiz
•
1st - 5th Grade
20 questions
Subtraction Facts
Quiz
•
2nd Grade
20 questions
Multiplication Facts
Quiz
•
2nd - 3rd Grade
20 questions
Place Value
Quiz
•
KG - 3rd Grade
20 questions
Counting Money
Quiz
•
2nd Grade
20 questions
Measurement
Quiz
•
2nd Grade
10 questions
2-Digit Addition with Regrouping
Quiz
•
2nd Grade
10 questions
3 Digit Subtraction With and Without Regrouping
Quiz
•
2nd Grade
