Make a background gradient with CSS (CSS3).

This is another feature of CSS3 and this is awesome.

Example :

CSS3 Gradient background.

CSS code:

#gradient {
    background: -moz-radial-gradient(center, #f4fafe, #a2d2ed) no-repeat #a2d2ed;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#f4fafe), to(#a2d2ed)) no-repeat #a2d2ed;
    background: gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#f4fafe), to(#a2d2ed)) no-repeat #a2d2ed;
}

 Have a try! :D

Write by Arafa Daming