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
Content jumping css
CSS
6 votes227 views3 answers
How to make rounded corners in css with images
CSS
13 votes240 views3 answers
How to make fixed background image in css
CSS
17 votes231 views2 answers
Filter: alpha(opacity=0);
CSS
1 vote239 views1 answer
Vertical line between two divs
CSS
0 vote222 views1 answer
Material css sidebar
CSS
0 vote233 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS
0 vote231 views1 answer
Offsetx and offsety in css
CSS
3 votes242 views1 answer
Css display block ease in
CSS
0 vote236 views1 answer
Changer couleur liens cliqués css
CSS