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 vote364 views2 answers
Css kommentar
CSS
68 votes407 views6 answers
Center position absolute
CSS
7 votes379 views3 answers
Make text unselectable css
CSS
0 vote351 views1 answer
Css outline shorthand
CSS
0 vote308 views1 answer
Wordpress force https
CSS
0 vote350 views1 answer
Move text in a padding css
CSS
2 votes323 views3 answers
Import image css
CSS
2 votes349 views3 answers
Css properties in html
CSS
0 vote399 views1 answer
Bootstrap ol
CSS Bootstrap
0 vote351 views1 answer
How to use css in material ui
CSS