What CSS3 property allows you to create smooth animations between states?

The correct answer is B. transition. transition is the CSS3 property that enables smooth animations between two states - for example, smoothly changing a button's background color on hover instead of snapping instantly. animation (A) is used for keyframe-based animations that can loop or run independently, not…

CSS3 Transitions, Transforms, and Animations

Question

Options

Aanimation
Btransition
Ctransform
Dtranslate

How the community answered

(29 responses)

A
10% (3)
B
86% (25)
C
3% (1)

Explanation

transition is the CSS3 property that enables smooth animations between two states - for example, smoothly changing a button's background color on hover instead of snapping instantly. animation (A) is used for keyframe-based animations that can loop or run independently, not simply between two states. transform (C) defines a visual change (like rotate or scale) but doesn't control the timing or smoothness of that change. translate (D) is a function used within transform to move elements - it's not a standalone property at all.

Memory tip: Think "transition = change over time" - the word itself implies moving from one thing to another, just like transitioning between two states in CSS.

Topics

#CSS3 transitions#smooth animations#state changes#CSS properties

Community Discussion

No community discussion yet for this question.

Full 1D0-720 Practice