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 vote374 views1 answer
Css comando para poner una imagen como fondo en html
CSS
2 votes216 views1 answer
Css make div on top of everything
CSS
0 vote199 views1 answer
Css template columns and rows
CSS
1 vote201 views1 answer
New line in flex container
CSS
0 vote195 views3 answers
Ignore certificare ssl
CSS
63 votes235 views6 answers
Center div absolute
CSS
0 vote197 views2 answers
Webpack alias not working in jest
CSS
0 vote212 views1 answer
Horizontal rule plus text
CSS
0 vote211 views1 answer
Veritical align inline-block checkbox element
CSS
2 votes267 views2 answers
Bootstrap icons in angular
CSS Bootstrap