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 vote167 views1 answer
How to add default font css
CSS
0 vote180 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
0 vote197 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote187 views1 answer
Custom select dropdown css only codepen
CSS
0 vote183 views1 answer
Css textarea set max characters
CSS
0 vote166 views1 answer
Ms-grid- error css
CSS
0 vote167 views1 answer
Css conver innertext to html using css
CSS
0 vote214 views1 answer
Css beutify scroller
CSS
0 vote251 views1 answer
Css pixel art
CSS
1 vote154 views1 answer
Css media queries between two sizes
CSS