Gradients 그라디언트

하위 브라우저	background:#ffffff;
firefox 3.6	background:-moz-linear-gradient(top, #000000 0%, #ffffff 100%);
크롬, 사파리4	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
크롬10이상   사파리5.1이상	background:-webkit-linear-gradient(top, #000000 0%, #ffffff 100%);
오페라 11.10 이상	background:-o-linear-gradient(top, #000000 0%, #ffffff 100%);
IE 10이상	background:-ms-linear-gradient(top, #000000 0%, #ffffff 100%);
W3C 표준	background:linear-gradient(to bottom, #000000 0%, #ffffff 100%);
IE 6~9	filter:progid:DXImage Transform.Microsoft.gradient(startColorstr='#000000',endColorstr='#ffffff',GradientType=0);

.gradient{ width:300px; height:200px; background:radial-gradient(to center, #f00 0%, #ff 100%); background:gradient(radial, center center, 10, center center, 90, from(#f00), to(#fff)); background:radial-gradient(circle, red, yellow, green); }