more understanding on css transition

A transition occurs when a CSS property changes from one value to another value over a period of time. You can create CSS Transitions with the transition property: .selector { transition: property duration transition-timing-function delay; } The transition property is a shorthand of four CSS properties, transition-property, transition-duration, transition-timing-function, transition-delay. .selector { transition-property: property; transition-duration: duration; transition-timing-function: timing-function; transition-delay: delay /* The transition…