Check out example codes for "linear gradient css generator". It will help you in understanding the concepts better.

Code Example 1

div {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
}

Code Example 2

\\code for a basic gradient background
   #grad {
  background-image: linear-gradient(red, yellow);
}

Code Example 3

/* I know this has been answered by a lot of people */
/* But I just wanted to share this awesome color gradient with you*/
selector {
  background: linear-gradient(to bottom, rgba(255,0,100, 0.3), rgba(22,22,222, 0.9));
}
/* Paste this code in the css file */

Learn ReactJs, React Native from akashmittal.com