Interactive Webpage Design with CSS

What allows users to change styles on elements by hovering or clicking on them?

• Server-side scripting

• JavaScript functions

• CSS interactions

• HTML interactions

How can you make an image grow in size when hovered over?

• Applying the :hover pseudo-class

• Increasing its pixel density

• By changing its width and height in CSS

• Using the :grow pseudo-class

What property is used to make transitions smooth in CSS?

• animation

• transition

• ease-in-out

• smooth

How do you apply multiple smooth transitions in CSS?

• Using multiple transition properties

• Separating them with a semicolon

• Listing them in separate CSS rules

• Separating them with a comma

Which pseudo-class is used for click-based interactions?

• :press

• :focus

• :click

• :active

What is the effect of setting a filter of brightness to 120% on hover?

• The image becomes 20% larger

• The image becomes 20% brighter

• The image's contrast increases by 20%

• The image's saturation increases by 20%

What is the correct way to make an image's height and filter change smoothly?

• Using JavaScript to add inline styles

• Adding the transition property to the :hover pseudo-class

• Using the :smooth pseudo-class

• Adding the transition property to the image's main class

Why should the transition property be added to the image selector and not the :hover selector?

• To increase loading speed

• To make the code shorter

• Because it's a CSS rule

• To ensure the transition also reverses smoothly

What happens if you only add the transition property to hovered images?

• The transition will not be smooth

• The transition will be faster

• The image will not change size

• The transition only applies when hovering

How can you make an image change size upon clicking?

• Using the :hover pseudo-class

• Applying JavaScript event listeners

• Changing the image source

• Using the :active pseudo-class