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

-2 votes217 views2 answers
Scss how to declare variable for multiple files
CSS
2 votes214 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
0 vote216 views1 answer
Css display original image in smalle width
CSS
0 vote196 views1 answer
Accessing folders in css
CSS
0 vote154 views1 answer
Gulp postcss scss
CSS
0 vote242 views2 answers
List-style-image size
CSS
23 votes224 views4 answers
Rounded gradient border css
CSS
0 vote201 views2 answers
How do img with same
CSS
5 votes204 views6 answers
Ruby cheat sheet
CSS
0 vote228 views1 answer
Css letter spacing tight
CSS