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 vote296 views1 answer
How to give linear transprerancyon background image
CSS
33 votes326 views2 answers
Gradient text colors
CSS
4 votes301 views2 answers
Stop text from wrapping
CSS
1 vote396 views1 answer
Materialize customize container
CSS Materialize
0 vote281 views3 answers
Css how to make 2d animations at once
CSS
52 votes280 views4 answers
Css cursor pointer hover
CSS
1 vote270 views1 answer
Html css bilder nebeneinander
CSS
1 vote298 views1 answer
Class indicator css
CSS
1 vote327 views1 answer
Html minimum width
CSS
0 vote302 views1 answer
Html disable spin buttons on input type number
CSS