CS Free MCQ Bank

[ Option B ]

The CSS transition property allows you to add smooth effects when changing from one style to another without using flash animations or JavaScript. Transitions enhance user experience by providing visually appealing animations with minimal effort and without complex scripting.

It provides control over the duration, timing function, and delay of the change, enabling smooth gradual changes, such as fading colors, resizing elements, or moving components when a user interacts with a page.

button {
  background-color: yellow;
  transition: background-color 1s ease;
}
button:hover {
  background-color: green;
}

In this example, when the user hovers over the button, the background color smoothly changes from yellow to green in 1 seconds.