css linear gradient cover the whole background code example

Example 1: how to make gradient backgroud cover whole page in html

/*Basically, add html height 100%. This will stretch your gradient.*/
html {
  height:100%;
}

body {
  background-image: /* put gradient here */;
  background-repeat: no-repeat;
}

Example 2: gradient background css for all browsers

background-image: -webkit-linear-gradient(top, #0C93C0, #FFF); 
background-image:    -moz-linear-gradient(top, #0C93C0, #FFF); 
background-image:     -ms-linear-gradient(top, #0C93C0, #FFF); 
background-image:      -o-linear-gradient(top, #0C93C0, #FFF); 
background-image:         linear-gradient(top, #0C93C0, #FFF);

Tags:

Css Example