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 vote364 views1 answer
Anchor links scrolling too far
CSS
0 vote336 views1 answer
Inexorably
CSS
-1 vote375 views2 answers
Css good background color
CSS
1 vote414 views1 answer
Content-visibility
CSS
0 vote346 views1 answer
Sweet alert modal form
CSS
0 vote380 views4 answers
Select2 make previously selected options non deletable
CSS
0 vote355 views1 answer
What is a trailling widget in flutter
CSS
5 votes377 views1 answer
Bootstrap darkmode
CSS Bootstrap
1 vote362 views1 answer
About us page template html css codepen
CSS
0 vote381 views2 answers
Mask image css
CSS