• css3径向渐变


     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 }

    做了尝试后,失败了。

  • 相关阅读:
    最大子数组1
    大道至简阅读笔记03
    I-think-3
    第3周学习进度
    大道至简阅读笔记02
    四则运算题3
    大道至简阅读笔记01
    第2周学习进度
    构建之法阅读笔记03
    按Right-BICEP的测试用例
  • 原文地址:https://www.cnblogs.com/zuojiayi/p/6992856.html
Copyright © 2020-2023  润新知