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 vote129 views1 answer
How to open link in same tab in chrome
CSS
66 votes142 views6 answers
Center an image
CSS
0 vote119 views1 answer
Css ios media query
CSS
13 votes155 views3 answers
Rotate image html
CSS
0 vote148 views1 answer
Css transparent input text box
CSS
0 vote123 views1 answer
Bulma modal
CSS
0 vote138 views1 answer
Center tecxt css
CSS
0 vote159 views1 answer
Mathjax beautiful math in all browsers
CSS
47 votes130 views6 answers
Text-overflow ellipsis css
CSS
1 vote128 views2 answers
How to center a position fixed element horizontally
CSS