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

47 votes341 views4 answers
Transform
CSS
0 vote380 views1 answer
Calc css float to procent
CSS
0 vote382 views1 answer
Vue scoped scss media query
CSS
0 vote340 views1 answer
Css broken image has top margin?
CSS
29 votes340 views9 answers
Traduttore
CSS
1 vote355 views1 answer
Elementor is swiping
CSS
3 votes385 views1 answer
How to use bulma in gatsby
CSS Bulma
0 vote331 views1 answer
Touch-action in css
CSS
34 votes348 views2 answers
Box position in center css
CSS
0 vote341 views1 answer
Custom properties css
CSS