Case-Based Critical Thinking Question
Jerry is in charge of the website for a travel company. He wants to incorporate animation into the website so that when a user moves the mouse pointer over an image, the image gradually increases in size.
-Which pseudo-class would Jerry use to specify the styles for the new visual effect?
A) :focus
B) :hover
C) :active
D) :checked

Question

Quizplus · Accepted Answer

Jerry would use the :hover pseudo-class to specify the styles for the new visual effect. The :hover pseudo-class applies styles to an element when the mouse pointer is hovering over it. This is the perfect choice for the desired animation effect where the image gradually increases in size when the user moves the mouse pointer over it. The :focus pseudo-class applies styles to an element when it has received focus, the :active pseudo-class applies styles to an element when it is being activated, and the :checked pseudo-class applies styles to an element when it is checked or selected.