CSS Image Manipulation Quiz

What CSS property is used to apply image filters?

• image-effect

• filter

• transform

• modify-image

Which of the following is NOT a valid CSS filter?

• grayscale()

• sepia()

• brightness()

• pixelate()

How do you apply multiple filters to an image in CSS?

• Separate them with commas

• Separate them with spaces

• Use multiple filter properties

• Nest them inside each other

What value unit is used for the blur() filter?

• Percentage (%)

• Pixels (px)

• Degrees (deg)

• Seconds (s)

Which filter would you use to make an image look like an old photograph?

• grayscale(100%)

• sepia(100%)

• brightness(50%)

• contrast(200%)

What happens if you set grayscale(50%) on an image?

• It becomes fully black and white

• It remains in full color

• It becomes partially desaturated

• The image disappears

What does the hue-rotate() filter do?

• Adjusts the image brightness

• Shifts the colors in the image

• Adds a drop shadow

• Flips the image horizontally

Which of the following filters would make an image appear darker?

• brightness(150%)

• brightness(50%)

• contrast(200%)

• saturate(200%)

The filter property can only apply one filter at a time.

• True

• False

The invert(100%) filter will flip the image upside down.

• True

• False