Question 1 of 7
Which property applies CSS filter effects to an element?
It names the filter operation directly.
The Filter Effects module defines the `filter` property.
Quiz
Test your knowledge: CSS Filter Effects
Assess your understanding of the filter property, filter functions, ordered composition, drop shadows, and specification status.
7 questions
~4 min
Intermediate
Knowledge check
Test your knowledge: CSS Filter Effects
Assess your understanding of the filter property, filter functions, ordered composition, drop shadows, and specification status.
- Stuck? Each question has an optional hint.
- Skip a hard question and review it before your results.
- Questions and answer options can shuffle between attempts.
You can retake this quiz whenever you like.
0:00
Question 2 of 7
What kind of value does `blur()` use for its main argument?
Think about the Gaussian standard deviation represented by the argument.
The current draft defines blur() with a CSS length argument; negative values are not allowed.
Question 3 of 7
How are multiple filter functions applied?
Each function receives the previous result.
The filter chain is processed sequentially in the written order.
Question 4 of 7
What distinguishes `drop-shadow()` from a simple box-based shadow model?
Consider a transparent image with a non-rectangular subject.
drop-shadow() derives the shadow from the input image's alpha silhouette.
Question 5 of 7
Does applying a filter replace the element's layout algorithm?
Filter Effects is a rendering effect, not a layout model.
Filter effects do not replace Flow, Flexbox, Grid, Positioning, or Sizing.
Question 6 of 7
Which topic owns clipping and masking rather than filter processing?
Filtering and masking are separate rendering mechanisms.
The Masking lesson owns clipping and masking; this lesson owns Filter Effects.
Question 7 of 7
How should the current CSS Filter Effects Module Level 1 document be described?
Read the status section of the current CSSWG document.
The current document is an Editor's Draft and states that it is provided for discussion and may change.
Quiz results
0/0
Review
-
Which property applies CSS filter effects to an element?Hint used
-
What kind of value does `blur()` use for its main argument?Hint used
-
How are multiple filter functions applied?Hint used
-
What distinguishes `drop-shadow()` from a simple box-based shadow model?Hint used
-
Does applying a filter replace the element's layout algorithm?Hint used
-
Which topic owns clipping and masking rather than filter processing?Hint used
-
How should the current CSS Filter Effects Module Level 1 document be described?Hint used