Skip to content

CSS Animations & Transitions Practice Exam

Test yourself under real exam conditions: 50 timed questions, 60 on the clock, pass mark 70%%. Instant score with a full review of everything you got wrong. Free — no account needed.

📝 50 questions · ⏱ 60 minutes · 🎯 Pass mark 70% · 🆓 Free, no signup

Exam details

  • 50 questions drawn from 120 cards
  • Countdown timer — auto-submits when time runs out
  • Pass mark 70% (real certification threshold)
  • Full review of wrong answers at the end
  • No signup required — save your score with a free account

Sample Questions

5 shown

What is the main purpose of CSS transitions?

Show ▼

To animate smoothly between two states of a property when it changes, interpolating intermediate values over time.

What is the main purpose of CSS animations?

Show ▼

To animate an element through multiple keyframes over time, including loops and complex multi-step sequences, without needing state changes.

Which CSS property enables a transition?

Show ▼

transition: ; shorthand for transition-property, transition-duration, transition-timing-function, and transition-delay.

What is transition-property?

Show ▼

A longhand that names the CSS property (or "all") whose changes should be animated. Defaults to "all".

What is transition-duration?

Show ▼

A longhand that sets how long the transition runs, in seconds (0.3s) or milliseconds. Default is 0s, meaning no transition.

🎯 Take the CSS Animations & Transitions Practice Exam