1 #grad2 { 2 height: 440px; 3 440px; 4 border-radius: 50%; 5 background: -webkit-radial-gradient(closest-corner,rgba(65,188,203,0.9)20%,rgba(65,188,203,0.8)20%,rgba(7,151,164,0.6)20%,rgba(7,151,164,0.4)20%,rgba(7,151,164,0.2)20%); /* Safari 5.1 - 6.0 */ 6 background: -o-radial-gradient(closest-corner,rgba(65,188,203,0.9)20%,rgba(65,188,203,0.8)20%,rgba(7,151,164,0.6)20%,rgba(7,151,164,0.4)20%,rgba(7,151,164,0.2)20%); /* Opera 11.6 - 12.0 */ 7 background: -moz-radial-gradient(closest-corner,rgba(65,188,203,0.9)20%,rgba(65,188,203,0.8)20%,rgba(7,151,164,0.6)20%,rgba(7,151,164,0.4)20%,rgba(7,151,164,0.2)20%); /* Firefox 3.6 - 15 */ 8 background: radial-gradient(closest-corner,rgba(65,188,203,0.9)20%,rgba(65,188,203,0.8)20%,rgba(7,151,164,0.6)20%,rgba(7,151,164,0.4)20%,rgba(7,151,164,0.2)20%); /* 标准的语法（必须放在最后） */ 9 10 /* Firefox 3.6+ */ 11 background: -moz-radial-gradient(circle, #ace, #f96); 12 /* Safari 4-5, Chrome 1-9 */ 13 /* Can't specify a percentage size? Laaaaaame. */ 14 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ace), to(#f96)); 15 /* Safari 5.1+, Chrome 10+ */ 16 background: -webkit-radial-gradient(circle, #ace, #f96); 17 }
做了尝试后，失败了。
