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 vote266 views2 answers
Css gradient rgba to hex
CSS
1 vote290 views2 answers
Css disabled option
CSS
65 votes302 views3 answers
Css set variable
CSS
2 votes271 views1 answer
Half border bottom
CSS
164 votes344 views4 answers
Html head css link
CSS
0 vote238 views1 answer
Go to top page css
CSS
0 vote241 views2 answers
Tailwind.min.css cdn
CSS
47 votes275 views5 answers
Nth-child() css
CSS
71 votes294 views6 answers
Media queries w3schools
CSS
1 vote283 views1 answer
Before content from attribute
CSS