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.

Source: css-tricks.com

Html css background linear-gradient

#background {
  background-image: linear-gradient(to left, #4B2C4C , #151F28);
}

Similar codes

5 votes197 views2 answers
How to select child when hover on parent element css
CSS
22 votes252 views6 answers
Blur css
CSS
43 votes188 views5 answers
Css text overflow
CSS
0 vote191 views1 answer
Faire des colonnesdef etexte css
CSS
42 votes196 views6 answers
How to change font color in css
CSS
0 vote271 views1 answer
Spinner in html css react
CSS
-1 vote180 views1 answer
Neomorphic box
CSS
65 votes213 views3 answers
Css set variable
CSS
49 votes210 views5 answers
Css first
CSS
13 votes250 views6 answers
Bootstrap Badges
CSS Bootstrap