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

48 votes148 views3 answers
Custom scrollbar
CSS
15 votes172 views5 answers
Remove horizontal scrollbar css
CSS
7 votes176 views1 answer
Justify text csss
CSS
0 vote134 views2 answers
Optional changing n
CSS
9 votes146 views5 answers
How to make a triangle in css
CSS
1 vote284 views1 answer
Cypress element css
CSS
0 vote151 views1 answer
Responsive card css
CSS
0 vote138 views1 answer
List style type none still leaves room for bullet
CSS
0 vote154 views1 answer
Css tr border radius
CSS
0 vote140 views3 answers
Split large files
CSS