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

27 votes132 views6 answers
Import font css
CSS
-1 vote126 views2 answers
How to add image with url in css
CSS
1 vote120 views2 answers
How to specify css for smaller screen
CSS
0 vote118 views1 answer
Remove all input style'ing
CSS
5 votes138 views1 answer
Cursor as image css
CSS
0 vote126 views1 answer
Fullcalendar react
CSS
3 votes116 views2 answers
Image overlay in css
CSS
0 vote121 views5 answers
Css fr meaning
CSS
4 votes158 views3 answers
Block zoom js mobile
CSS
0 vote122 views1 answer
Ordered list indent
CSS