Which CSS property enables smooth transitions of property changes over time?

Which CSS property enables smooth transitions of property changes over time?

• A. transform
• B. transition
• C. animation
• D. perspective

Answer: (B)

Smooth transitions of property changes over time are achieved with transitions. By applying a transition to an element, changes to specific properties will interpolate from their current value to the new value over a set duration, producing a gentle, gradual change instead of an abrupt jump. You control the effect with duration (and optionally a timing function and delay). A common shorthand is: transition: all 0.3s ease. Then when a property changes—such as on hover or when a class is added—the browser animates the change instead of snapping to the new value. Other properties like transform apply geometric changes, animation uses keyframes for complex sequences, and perspective defines depth in 3D space; they don’t inherently smooth arbitrary property changes over time.

Smooth transitions of property changes over time are achieved with transitions. By applying a transition to an element, changes to specific properties will interpolate from their current value to the new value over a set duration, producing a gentle, gradual change instead of an abrupt jump. You control the effect with duration (and optionally a timing function and delay). A common shorthand is: transition: all 0.3s ease. Then when a property changes—such as on hover or when a class is added—the browser animates the change instead of snapping to the new value. Other properties like transform apply geometric changes, animation uses keyframes for complex sequences, and perspective defines depth in 3D space; they don’t inherently smooth arbitrary property changes over time.