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 vote119 views1 answer
Avoid side scrolling css
CSS
-2 votes128 views2 answers
Axios send request with cookies
CSS
0 vote121 views1 answer
Vertical align x horizontal
CSS
1 vote104 views3 answers
Console error
CSS
1 vote125 views1 answer
Z-index on position absolute
CSS
0 vote117 views1 answer
@font-face multiple font weights
CSS
0 vote134 views1 answer
Css to exclude last row table
CSS
0 vote134 views1 answer
Box-sizing border-box vs content-box css
CSS
0 vote114 views1 answer
Webpagetest.org header security fixing
CSS
3 votes78 views1 answer
How to remove underline from link of p in css
CSS