CSS transition effects must specify two things:
i) the CSS property that uses for effects and
ii) the duration of the effects.
If you do not specify the duration, then you will not be able to see the transition effect. So, you make sure you add duration together with CSS property to see a transition effect.
See an example below of using transition effect with duration:
You may be interested in the following topics:
- CSS Transition-timing-function
- CSS Transition-property
- CSS Transition-duration
- CSS Transition-delay
- CSS Transition
- CSS Transition (All Properties)