Which property is necessary to create a CSS3 transition?

The correct answer is A. transition-duration. transition-duration is the only property strictly required to create a CSS3 transition - without specifying how long the transition should take, the browser has no basis to animate the change, so it snaps instantly with no visible effect. animation-name and animation-duration…

CSS3 Transitions, Transforms, and Animations

Question

Options

Atransition-duration
Banimation-name
Ctransition-timing-function
Danimation-duration

How the community answered

(35 responses)

A
91% (32)
B
3% (1)
C
6% (2)

Explanation

transition-duration is the only property strictly required to create a CSS3 transition - without specifying how long the transition should take, the browser has no basis to animate the change, so it snaps instantly with no visible effect. animation-name and animation-duration (options B and D) belong to the CSS animation API, which uses @keyframes and is a separate feature from transitions entirely. transition-timing-function (option C) is a valid transition property, but it's optional - it defaults to ease when omitted, so the transition still works without it.

Memory tip: Think of transition-duration as the "engine" - a transition cannot run without time to run in. All other transition properties (timing-function, delay, property) have sensible defaults, but duration defaults to 0s, making it the one you must set.

Topics

#CSS3 transitions#transition-duration#animation vs transitions#CSS properties

Community Discussion

No community discussion yet for this question.

Full 1D0-720 Practice