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

38 votes203 views6 answers
Media query min and max width for all devices
CSS
0 vote297 views2 answers
Html select image background arrow
CSS
0 vote159 views1 answer
Bootstrap 3 progress bar animation
CSS
8 votes186 views4 answers
Css dark mode
CSS
0 vote219 views1 answer
Underline css still there after text-decoration: none
CSS
5 votes179 views1 answer
Css how does hsl work
CSS
0 vote152 views1 answer
Content url svg css
CSS
0 vote156 views1 answer
Remove materialize style input
CSS
3 votes154 views1 answer
How to change the page background in css
CSS
0 vote167 views2 answers
Electron draggable
CSS