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

18 votes172 views4 answers
Css font arial
CSS
0 vote147 views1 answer
Add padding to gnome terminal
CSS
1 vote155 views1 answer
Css selector to change long bot description top.gg
CSS
0 vote185 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
2 votes179 views1 answer
Remove bullets from unordered list in css
CSS
0 vote196 views1 answer
Matplotlib doesn't plot [<matplotlib.lines.Line2D at 0x7f3543b113a0>]
CSS
6 votes158 views6 answers
Css word break
CSS
0 vote160 views1 answer
/* */
CSS
0 vote157 views1 answer
Dad
CSS
63 votes166 views6 answers
Text shadow
CSS