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

1 vote175 views1 answer
Css selector excluding last child
CSS
80 votes207 views2 answers
Text-transform
CSS
60 votes197 views4 answers
Hide scroll bar for a dive
CSS
74 votes230 views6 answers
Display flex
CSS
0 vote205 views2 answers
Css hexagon with text inside
CSS
0 vote175 views1 answer
Css calc function
CSS
0 vote203 views1 answer
Sub menu not showing horizontal css
CSS
5 votes238 views2 answers
Remove bootstrap button outline
CSS Bootstrap
0 vote238 views1 answer
How to draw hex colun in html css
CSS
0 vote178 views1 answer
Css ol align center
CSS