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

0 vote213 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
145 votes388 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote198 views1 answer
Inline list css without floats
CSS
-1 vote211 views1 answer
Css display contents
CSS
0 vote240 views1 answer
How to include css in handlebars
CSS
0 vote205 views1 answer
Scss @content
CSS
0 vote273 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote206 views1 answer
COMO ADC HOVER
CSS
3 votes199 views1 answer
Display none css inline
CSS
0 vote258 views1 answer
Height current -3px css
CSS