NEW
Font size
WorksheetsCSS Image Manipulation Quiz
Total questions: 15
Worksheet time: 8mins
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
The blur() filter requires a percentage value.
True
False
CSS filters can be used to adjust an image's opacity.
True
False
The sepia() filter converts an image to black and white.
True
False
The hue-rotate(180deg) filter will make red appear as cyan.
True
False
All CSS filters require a percentage value (e.g., 50%).
True
False
