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

5 votes164 views2 answers
Transition transform
CSS
1 vote175 views1 answer
Css animate border bottom left to right
CSS
0 vote175 views1 answer
Swiper slider autoplay
CSS
1 vote173 views3 answers
Change scrollbar color
CSS
-1 vote174 views1 answer
Css dual color
CSS
1 vote185 views1 answer
Css hide div on mobile
CSS
0 vote134 views1 answer
How to move bullet in css
CSS
0 vote183 views1 answer
Css change scroll anchor point under navbar
CSS
0 vote174 views1 answer
How to make any word italic in html and css
CSS
4 votes168 views1 answer
Overflow dottet
CSS