Transitions & Animations interview questions

18 real Transitions & Animations questions from the CSS bank, as asked in Indian campus drives and tech interviews. Every question has a verified answer and an AI-tutor explanation on placd — free to start.

1. What is transition property?

Junior
  1. A.a named at-rule defining intermediate style stops that an animation interpolates between
  2. B.the property defining the acceleration curve, such as ease or linear, of an interpolation
  3. C.the property controlling whether an element retains the styles of its first or last frame outside the active period
  4. D.a shorthand animating property changes smoothly over a duration when a value changes
Reveal the answer + AI explanation — free account

3. Which statement is correct?

Junior
  1. A.transition property — the property controlling whether an element retains the styles of its first or last frame outside the active period
  2. B.transition property — a hint property telling the browser which attribute will animate so it can optimize ahead of time
  3. C.transition property — a property applying visual operations like translate, scale, or rotate without affecting document flow
  4. D.transition property — a shorthand animating property changes smoothly over a duration when a value changes
Reveal the answer + AI explanation — free account

4. What is keyframes?

Mid
  1. A.the property controlling whether an element retains the styles of its first or last frame outside the active period
  2. B.a shorthand animating property changes smoothly over a duration when a value changes
  3. C.a named at-rule defining intermediate style stops that an animation interpolates between
  4. D.the property defining the acceleration curve, such as ease or linear, of an interpolation
Reveal the answer + AI explanation — free account

6. Which statement is correct?

Mid
  1. A.keyframes — a named at-rule defining intermediate style stops that an animation interpolates between
  2. B.keyframes — the property controlling whether an element retains the styles of its first or last frame outside the active period
  3. C.keyframes — a shorthand animating property changes smoothly over a duration when a value changes
  4. D.keyframes — a hint property telling the browser which attribute will animate so it can optimize ahead of time
Reveal the answer + AI explanation — free account

7. What is transition-timing-function?

Mid
  1. A.a shorthand animating property changes smoothly over a duration when a value changes
  2. B.the property defining the acceleration curve, such as ease or linear, of an interpolation
  3. C.a named at-rule defining intermediate style stops that an animation interpolates between
  4. D.a hint property telling the browser which attribute will animate so it can optimize ahead of time
Reveal the answer + AI explanation — free account

9. Which statement is correct?

Mid
  1. A.transition-timing-function — the property controlling whether an element retains the styles of its first or last frame outside the active period
  2. B.transition-timing-function — a hint property telling the browser which attribute will animate so it can optimize ahead of time
  3. C.transition-timing-function — the property defining the acceleration curve, such as ease or linear, of an interpolation
  4. D.transition-timing-function — a named at-rule defining intermediate style stops that an animation interpolates between
Reveal the answer + AI explanation — free account

10. What is transform?

Mid
  1. A.a property applying visual operations like translate, scale, or rotate without affecting document flow
  2. B.the property defining the acceleration curve, such as ease or linear, of an interpolation
  3. C.a named at-rule defining intermediate style stops that an animation interpolates between
  4. D.a hint property telling the browser which attribute will animate so it can optimize ahead of time
Reveal the answer + AI explanation — free account

12. Which statement is correct?

Mid
  1. A.transform — the property controlling whether an element retains the styles of its first or last frame outside the active period
  2. B.transform — a shorthand animating property changes smoothly over a duration when a value changes
  3. C.transform — a hint property telling the browser which attribute will animate so it can optimize ahead of time
  4. D.transform — a property applying visual operations like translate, scale, or rotate without affecting document flow
Reveal the answer + AI explanation — free account

13. What is will-change?

Senior
  1. A.the property controlling whether an element retains the styles of its first or last frame outside the active period
  2. B.a shorthand animating property changes smoothly over a duration when a value changes
  3. C.a hint property telling the browser which attribute will animate so it can optimize ahead of time
  4. D.the property defining the acceleration curve, such as ease or linear, of an interpolation
Reveal the answer + AI explanation — free account

15. Which statement is correct?

Senior
  1. A.will-change — a property applying visual operations like translate, scale, or rotate without affecting document flow
  2. B.will-change — a hint property telling the browser which attribute will animate so it can optimize ahead of time
  3. C.will-change — a shorthand animating property changes smoothly over a duration when a value changes
  4. D.will-change — a named at-rule defining intermediate style stops that an animation interpolates between
Reveal the answer + AI explanation — free account

16. What is animation-fill-mode?

Senior
  1. A.a shorthand animating property changes smoothly over a duration when a value changes
  2. B.a hint property telling the browser which attribute will animate so it can optimize ahead of time
  3. C.the property controlling whether an element retains the styles of its first or last frame outside the active period
  4. D.the property defining the acceleration curve, such as ease or linear, of an interpolation
Reveal the answer + AI explanation — free account

17. Which term means: "the property controlling whether an element retains the styles of its first or last frame outside the active period"?

Senior
  1. A.animation-fill-mode
  2. B.will-change
  3. C.transform
  4. D.transition property
Reveal the answer + AI explanation — free account

18. Which statement is correct?

Senior
  1. A.animation-fill-mode — a shorthand animating property changes smoothly over a duration when a value changes
  2. B.animation-fill-mode — the property controlling whether an element retains the styles of its first or last frame outside the active period
  3. C.animation-fill-mode — a named at-rule defining intermediate style stops that an animation interpolates between
  4. D.animation-fill-mode — a property applying visual operations like translate, scale, or rotate without affecting document flow
Reveal the answer + AI explanation — free account

Free to start

Answers, AI explanations, and a scored voice mock interview

Sign up free to check your answers with explanations, ask the AI tutor anything on any question, and take one full AI mock interview — scored like a real panel.

Practice Transitions & Animations free