Question

How to create a transition effect with CSS?

Answer 1

Select a state to which you want to apply the transition. For example, if you want to apply the transition when the mouse moves over the element, use the hover option.

Select this option if you want to specify the same Duration, Delay, and Timing Function for all CSS properties that you want to transition.

i hope it help you