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

0 vote125 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
19 votes162 views2 answers
Border color css
CSS
0 vote117 views1 answer
Css create array
CSS
4 votes143 views3 answers
Glowing text css
CSS
3 votes124 views2 answers
Navbar box shadow
CSS
0 vote133 views1 answer
Edge ontouchmove does not work correctly
CSS
1 vote141 views1 answer
Wave css
CSS
3 votes131 views1 answer
Watch scss to css
CSS
1 vote135 views1 answer
Display in flexbox
CSS