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 vote397 views1 answer
Change text color li css
CSS
0 vote383 views1 answer
Show modal in bootstrap 4
CSS
4 votes363 views2 answers
InsecureRequestWarning disable
CSS
0 vote375 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
0 vote372 views1 answer
Grape change status code
CSS
83 votes408 views2 answers
Css text transform
CSS
7 votes403 views2 answers
Bootstrap Aligning images
CSS
0 vote356 views1 answer
Learn golang in a day
CSS
2 votes371 views1 answer
Div not larger than its content
CSS
0 vote404 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS