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

8 votes248 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote211 views1 answer
Couloured button link generator code scss
CSS
24 votes233 views3 answers
Remove underline from a link css
CSS
1 vote203 views1 answer
How to change button gradient
CSS
0 vote247 views1 answer
Ratio bootstrap
CSS Bootstrap
0 vote236 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
0 vote211 views1 answer
Font shorthand CSS
CSS
0 vote229 views1 answer
Css3 ripple loop
CSS
0 vote211 views1 answer
Mettre un element en avant css
CSS
1 vote208 views1 answer
Css don't break elements
CSS