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 vote213 views1 answer
Using tinymce with tailwind css
CSS
0 vote206 views1 answer
Display inline-block not working
CSS
2 votes196 views2 answers
Input disabled remove css
CSS
37 votes259 views6 answers
Css gradient text
CSS
2 votes190 views1 answer
Css class selector contains
CSS
5 votes184 views3 answers
CSS RESPONSIVE
CSS
37 votes185 views2 answers
Css transform y
CSS
0 vote210 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
3 votes184 views1 answer
Trash icon favicon
CSS
0 vote223 views1 answer
Aplicar padding a sombra
CSS