• css3整理--gradient


    gradient语法:

      -moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )  // chrome的新版写法和FF的一致,只要改版前缀即可

        第一个参数:指定渐变方向。例如:top,从上向下渐变;left,从左向右渐变; left top,从左上向右下渐变

        第二个参数:指定起始点的颜色值

        第三个参数:指定结束点的颜色值

      还可以加参数,如:

      background: -moz-linear-gradient(left, #ace, #f96 5%, #ace, #f96 95%, #ace);

        可以指定多个颜色值,如果不同时指定百分比,则平均分配位置,否则,通过指定某个颜色值渐变到百分之多少的位置。

      还可以指定角度:

      background: -moz-linear-gradient(left 30deg, #ace, #f96);

        如果设置left,不设置角度,则为从左到右渐变;

        如果设置left,同时设置90deg,则为从上到下渐变;

      background: -moz-radial-gradient(bottom left, ellipse, #ace, #f96, #1E90FF);(径向渐变)

        第一个参数指定位置:bottom left指从左下角开始渐变

        第二个参数指定渐变的形状:ellipse指椭圆形渐变

        第三到第六个参数指定渐变的颜色,同样可以指定百分比

      

        

      

  • 相关阅读:
    oracle保留小数,例如0.00
    线程池读取List<T>实例
    Linq XML
    C# 反射 表达式树 模糊搜索
    MVC权限模块
    .NET-提取字符串实践总结
    2014,码农梦想,先从态度开始!
    Biztalk开发系列之二. (AS2配置)
    测试2
    Biztalk Http 适配器使用.开发系列(一)
  • 原文地址:https://www.cnblogs.com/charling/p/3620126.html
Copyright © 2020-2023  润新知