linear gradient transition in css code example
Example 1: transition background gradient
In CSS, you can't transition a background gradient. It jumps from one gradient to the other immediately, with no smooth transition between the two. He documents a clever tactic of positioning a pseudo element covering the element with a different background and transitioning the opacity of that pseudo element.
Example 2: css linear gradient
#grad {
background-image: linear-gradient(to right, #f1b1b1 , #82e6e8);
}