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 vote136 views1 answer
Li move to left
CSS
85 votes137 views6 answers
Color code green
CSS
0 vote110 views1 answer
Responsive slider with text animation codepen
CSS
0 vote151 views1 answer
Width calc(100 - 100px)
CSS
113 votes154 views5 answers
Padding css
CSS
0 vote149 views1 answer
Css horizontal line around text
CSS
30 votes163 views5 answers
Css vertical align
CSS
0 vote139 views1 answer
Comentarios en archivo scss
CSS
0 vote158 views1 answer
Compass font awesome
CSS
16 votes154 views1 answer
Rgb purple color
CSS