Question 1 of 6
What does a CSS easing function map?
Use the selector model from the lesson.
Easing functions transform input progress into output progress.
Review this lesson
Quiz
Back to lesson
Test your knowledge: CSS Easing Functions
Assess the CSS easing model, cubic Bézier and step functions, and the developing linear() function.
6 questions
~4 min
Beginner
Knowledge check
Test your knowledge: CSS Easing Functions
Assess the CSS easing model, cubic Bézier and step functions, and the developing linear() function.
- 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 6
What does the `linear` keyword mean?
Use the selector model from the lesson.
The `linear` keyword produces output progress equal to input progress.
Review this lesson
Question 3 of 6
Which cubic Bézier values are required to stay in the [0,1] range?
Use the selector model from the lesson.
CSS constrains x1 and x2 to [0,1]; y1 and y2 are real numbers.
Review this lesson
Question 4 of 6
Which statement about `steps()` is correct?
Use the selector model from the lesson.
Step easing divides input progress into equal intervals and outputs discrete jumps.
Review this lesson
Question 5 of 6
Which position keeps all jumps strictly inside the open interval (0,1)?
Use the selector model from the lesson.
`jump-none` keeps all jumps within (0,1).
Review this lesson
Question 6 of 6
What does developing Level 2 `linear()` provide?
Use the selector model from the lesson.
Level 2 adds `linear()` for more expressive piecewise-linear easing curves.
Review this lesson
Quiz results
0/0
Review
-
What does a CSS easing function map?Hint used
-
What does the `linear` keyword mean?Hint used
-
Which cubic Bézier values are required to stay in the [0,1] range?Hint used
-
Which statement about `steps()` is correct?Hint used
-
Which position keeps all jumps strictly inside the open interval (0,1)?Hint used
-
What does developing Level 2 `linear()` provide?Hint used