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 vote312 views1 answer
#f2f2f2 in rgba
CSS
0 vote401 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote331 views1 answer
Colored link button style
CSS
0 vote335 views2 answers
How to insert icons pseudo content
CSS
23 votes335 views6 answers
Css circle
CSS
0 vote382 views2 answers
How to force fully show the keyboard in android
CSS
0 vote353 views1 answer
Medim size mat form field
CSS
0 vote348 views1 answer
Rotate keyframe animation
CSS
0 vote388 views1 answer
Bulma modal
CSS Bulma
0 vote297 views1 answer
Vue v-cloak not working
CSS