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 vote148 views1 answer
SCSS Breakpoints
CSS
13 votes203 views6 answers
Bootstrap Badges
CSS Bootstrap
0 vote209 views1 answer
Css change the accordion arrow color
CSS
4 votes143 views1 answer
How to make image not repeat on background
CSS
50 votes131 views4 answers
Label css
CSS
0 vote169 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
0 vote140 views1 answer
Setting background for anchor pane
CSS
0 vote296 views2 answers
Css multiline comment
CSS
0 vote240 views1 answer
Bulma modal
CSS Bulma
0 vote129 views1 answer
Cs cart ty-no-image__icon ty-icon-image
CSS