Transitions & Animations interview questions

18 Transitions & Animations questions from the CSS bank, written for Indian campus drives and tech interviews. Every question has a verified answer and an AI-tutor explanation on placd.

Sign up free to see every answer with its explanation and ask the AI tutor.

Practice Transitions & Animations free

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

Answer + AI explanation with a free account

2. Which term means: "a shorthand animating property changes smoothly over a duration when a value changes"?

Junior
  1. A.transform
  2. B.will-change
  3. C.transition property
  4. D.keyframes

Answer + AI explanation with a 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

Answer + AI explanation with a 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

Answer + AI explanation with a free account

5. Which term means: "a named at-rule defining intermediate style stops that an animation interpolates between"?

Mid
  1. A.transition-timing-function
  2. B.animation-fill-mode
  3. C.keyframes
  4. D.will-change

Answer + AI explanation with a 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

Answer + AI explanation with a 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

Answer + AI explanation with a free account

8. Which term means: "the property defining the acceleration curve, such as ease or linear, of an interpolation"?

Mid
  1. A.animation-fill-mode
  2. B.transform
  3. C.transition-timing-function
  4. D.keyframes

Answer + AI explanation with a 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

Answer + AI explanation with a 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

Answer + AI explanation with a free account

11. Which term means: "a property applying visual operations like translate, scale, or rotate without affecting document flow"?

Mid
  1. A.animation-fill-mode
  2. B.will-change
  3. C.transition-timing-function
  4. D.transform

Answer + AI explanation with a 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

Answer + AI explanation with a 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

Answer + AI explanation with a free account

14. Which term means: "a hint property telling the browser which attribute will animate so it can optimize ahead of time"?

Senior
  1. A.will-change
  2. B.transition-timing-function
  3. C.transition property
  4. D.transform

Answer + AI explanation with a 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

Answer + AI explanation with a 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

Answer + AI explanation with a 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

Answer + AI explanation with a 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

Answer + AI explanation with a free account

Free to start

Answers, AI explanations, and a free readiness check

Sign up free to check your answers with explanations, ask the AI tutor anything on any question, and take the free 2-minute readiness check for a scored result. One full AI mock interview, scored like a real panel, is free when you sign up.

Practice Transitions & Animations free
24,000+ questions & coding problemsSoftware & IT16,274 questionsGovernment jobs26 examsAptitudenew questions every timeAI practice interviewwith feedback65 topics to practiseMechanical1,149 questionsGATE ME9 papersEngineering Mathematics381 questions2-minute checkfreeDSA Problems1,422Civil1,005 questionsGATE CE9 papersCS Fundamentals1,209 questionsYour scores6 skillsSystem Design25Electrical / EEE1,047 questionsGATE EE9 papersRun your codeC++ · Java · PythonLow-Level Design144Electronics & Comm.975 questionsGATE EC9 papersAI help on every questionFull-Stack6,282Chemical1,005 questionsGATE CH9 papersAI whiteboardsystem designWork abroadEurope · remote · transfersESE ME1 paperGATE practice papers2019–2026ESE CE1 paperDate alertsbefore the last dateESE EE1 paperBehavioural courseHR round practiceESE ET1 paperResume optimizerProSSC JE ME1 paperApplication trackerSSC JE CE1 paperCompany-wise prepSSC JE EE1 paperRole roadmapsRRB JE1 subjectPriced in ₹UPI · cardsISRO SC1 paperGATE CS9 papersIBPS SO IT1 paperUGC NET CS1 paperSSC CGL26 papersIBPS PO26 papersRRB NTPC26 papersSSC CHSL26 papersIBPS Clerk26 papersSBI Clerk26 papersRRB Group D26 papersSSC CPO26 papersSSC GD26 papers