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

2 votes134 views1 answer
Css last of type
CSS
0 vote162 views1 answer
Flex index css
CSS
0 vote167 views1 answer
Child theme broken header "styles.css"
CSS
0 vote128 views1 answer
How to write h2so4 using html css
CSS
12 votes137 views2 answers
How to center element in bulma
CSS
3 votes136 views2 answers
Bootstrap 5 pagination
CSS
6 votes145 views1 answer
Flex change order
CSS
2 votes137 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote142 views1 answer
Move div down css
CSS
0 vote169 views1 answer
Simple font-face mixin scss
CSS