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

1 vote303 views2 answers
Min css
CSS
0 vote336 views1 answer
Calc css float to procent
CSS
0 vote298 views1 answer
Elementor custom css for mobile
CSS
0 vote311 views1 answer
How to make the select box font size small in css
CSS
0 vote311 views1 answer
Override package css
CSS
1 vote279 views1 answer
Css erase text
CSS
1 vote292 views1 answer
Perfect circle css
CSS
0 vote303 views1 answer
Anchor links scrolling too far
CSS
1 vote370 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
1 vote307 views2 answers
How to change highlight color on website
CSS