gradiants css code example

Example 1: css linear gradient

#grad {
  background-image: linear-gradient(to right, #f1b1b1 , #82e6e8);

}

Example 2: css gradient

Here a codePen with cool gradient animations:
https://codepen.io/DevLorenzo/pen/ExgpvJM

Example 3: css gradient

background: linear-gradient(Direction (keyword or degrees), color1 10% (10% width), color2 width (it's not neccessary), ...);

Example 4: linear gradient css

/* www.gradientmagic.com will help with producing gradients */