Smooth CSS Gradient Transitions

All modern browsers do not natively transition colours in gradients smoothly. If we try to hover or interact with an element which transitions from one gradient to another, we end up with a sudden change. In this article, we'll cover how to smoothly animate a gradient transition with Javascript. That means creating a function which will be able to transition between two colors.