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

7 votes139 views1 answer
Dashed css
CSS
71 votes198 views6 answers
How to center items in css
CSS
9 votes188 views1 answer
Html static background
CSS
0 vote197 views1 answer
Elementsone after other css
CSS
36 votes177 views2 answers
Css translate x and y
CSS
0 vote178 views2 answers
Change color select arrow css cf7
CSS
0 vote226 views1 answer
Css nearest neighbor
CSS
2 votes217 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
7 votes180 views2 answers
Css font families
CSS
0 vote204 views1 answer
Css if child has class
CSS