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 vote243 views1 answer
Circle percentage css
CSS
4 votes244 views1 answer
Flexbox center and space between
CSS
0 vote257 views2 answers
Print to pdf setting css for A4 size
CSS
0 vote224 views1 answer
Color custom css use in laravel
CSS
17 votes229 views2 answers
Css horizontal gradient background color
CSS
0 vote232 views1 answer
Margin not working on inline elements
CSS
0 vote255 views2 answers
Add profile picture to a form in html and css
CSS
0 vote240 views1 answer
Tabla responsive css
CSS
0 vote228 views2 answers
Wordpress style.css not updating
CSS
2 votes262 views1 answer
Set table cellpadding and cellspacing in CSS
CSS