css3径向渐变 

 1 #grad2 {
 2     height: 440px;
 3     width: 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 }

做了尝试后，失败了。

 

posted @ 2017-06-12 14:28  九许尘歌  阅读(203)  评论(0)  编辑  收藏  举报