Challenge: Add a Smooth Transition Effect
Task
Enhance the visual experience of the div
element with the class name box
by adding a smooth transition effect to its hover changes. Follow these steps:
- Specify the correct value for the
transition-property
property. - Set the duration of the transition to last
3000ms
. - Ensure that the transition starts
200ms
after a user hovers over the element. - Apply the time function
cubic-bezier(0.165, 0.84, 0.44, 1)
to control the transition's acceleration and deceleration.
index.html
index.css
Thanks for your feedback!