.linear {
    /* Firefox --> https://developer.mozilla.org/en/CSS/-moz-linear-gradient */
    background: -moz-linear-gradient(0 0, #000, #fff);
    /* Webkits --> http://webkit.org/blog/175/introducing-css-gradients/ */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#fff));
    /* IE 5.5 - IE 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#FFFFFFFF);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#FFFFFFFF)";
}

.radial {
    /* Firefox --> https://developer.mozilla.org/en/CSS/-moz-radial-gradient */
    background: -moz-radial-gradient(40% 40%, farthest-side, #fff, #000);
    /* Webkits --> http://webkit.org/blog/175/introducing-css-gradients/ */
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 60, from(#fff), to(#000));
}