CSS Gradient and CSS Transition

 CSS gradients let you display smooth transitions between two or more specified colors.

CSS defines three types of gradients:

i) Linear Gradient

ii) Radial Gradient

iii) Conic Gradient

CSS Transitions allow you to change property values smoothly over a given duration.

Its types are

i) Transition

ii) Transition-delay

iii) Transition-duration

iv) Transition-property

v) Transition-timing-function