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

6 votes139 views1 answer
Jqeury css edit
CSS
0 vote206 views1 answer
Hiding text outside of border css
CSS
1 vote166 views3 answers
Console error
CSS
1 vote188 views3 answers
Css background image not working
CSS
99 votes214 views6 answers
Css capitalize first letter
CSS
67 votes192 views6 answers
How to center a div in css
CSS
6 votes184 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote203 views2 answers
Popular class name layouts
CSS
0 vote173 views1 answer
To set HTML attribute and css styles in html helper control in mvc
CSS
7 votes202 views4 answers
How to crop images in css
CSS