Animations — Quiz

Answer all 5 questions, then submit. You need 60% to pass. Log in to save progress.

Question 1

What defines the steps of a CSS animation?

A @steps

B @keyframes

C @animation

D @motion

Question 2

How do you make an animation loop forever?

A animation-iteration-count: infinite (or infinite in the shorthand)

B loop: true

C repeat: forever

D You can't loop animations

Question 3

What's the difference between a transition and an animation?

A They are the same

B A transition animates one state change; an animation can run many steps and loop

C Animations need JavaScript

D Transitions can loop but animations can't

Question 4

Which property plays an animation forwards then backwards?

A animation-fill-mode: forwards

B animation-direction: alternate

C animation-delay

D animation-play-state

Question 5

Why include a prefers-reduced-motion media query?

A To speed up the page

B To reduce or remove motion for users who are sensitive to it

C To make animations faster

D It is required for keyframes to work