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

54 votes170 views8 answers
Media query
CSS
6 votes177 views1 answer
Hidden vs visible
CSS
1 vote150 views1 answer
How to make button appear on hover
CSS
2 votes162 views2 answers
Css text shadow -m
CSS
64 votes153 views3 answers
How to use variables in css
CSS
32 votes187 views5 answers
Css opacity
CSS
-1 vote197 views2 answers
Insert image by css
CSS
29 votes161 views6 answers
BackgroundImage react
CSS
0 vote160 views1 answer
Swiper slider autoplay
CSS
6 votes164 views8 answers
Bootstrap css
CSS