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 vote252 views1 answer
How to remove increment in input type number
CSS
8 votes253 views3 answers
Padding css 3 values
CSS
1 vote277 views1 answer
Css minifier api
CSS
93 votes256 views6 answers
Css center image in div
CSS
2 votes351 views4 answers
Laravel htaccess
CSS
1 vote260 views2 answers
1rem to px
CSS
1 vote311 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
-1 vote251 views5 answers
Add tailwind to next
CSS
7 votes275 views3 answers
Stick menu bar in css
CSS
0 vote287 views1 answer
Bootstrap ol
CSS Bootstrap