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 vote259 views1 answer
Ubuntu toggle always on top
CSS
0 vote251 views1 answer
Label width css
CSS
0 vote264 views1 answer
Send element to center of div
CSS
1 vote268 views1 answer
Double color background css
CSS
1 vote264 views1 answer
Unknown function 'mat-palette'
CSS
0 vote284 views1 answer
NeuMorphisme button code
CSS
1 vote279 views1 answer
Scroll bar on border radius element css
CSS
145 votes348 views6 answers
Add bootstrap to react
CSS
5 votes306 views3 answers
Back color rbg
CSS
2 votes263 views1 answer
Responsive background image
CSS