css3 gradient code example

Example 1: css linear gradient

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

}

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

/*From bottom to top*/
background: rgb(166,166,166);
background: linear-gradient(0deg, rgba(166,166,166,1) 0%, rgba(255,255,255,1) 29%);

#gradient {
  background-image: linear-gradient(180deg, black, red);
}
/* can be applied in many places, as your <body> background or a <div> etc */

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

background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);