zoukankan      html  css  js  c++  java
  • 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 }

    做了尝试后,失败了。

  • 相关阅读:
    Python第一周作业
    turtle库的学习笔记
    绘制五角星
    绘制六角形
    绘制同心圆
    绘制叠加三角形
    Slash And Black Slash/正斜杠和反斜杠
    OpenCv中avi视频的读取问题,以及内部格式要求
    OpenCv和matlab对图像的读取
    个人项目进度
  • 原文地址:https://www.cnblogs.com/zuojiayi/p/6992856.html
Copyright © 2011-2022 走看看