lineargradientcss3中的gradient详细用法

谁用过LinearGradient？

顶startup哥。

我再稍微补充一下它除了定义开始颜色和结束颜色以外还可以定义，多种颜色组成的分段渐变效果LinearGradient shader = new LinearGradient(0, 0, endX, endY, new int[]{startColor, midleColor, endColor},new float[]{0 , 0.5f, 1.0f}, TileMode.MIRROR);其中参数new int[]{startColor, midleColor, endColor}是参与渐变效果的颜色集合，其中参数new float[]{0 , 0.5f, 1.0f}是定义每个颜色处于的渐变相对位置，这个参数可以为null，如果为null表示所有的颜色按顺序均匀的分布

background: linear-gradient(to bottom,#D01B27,#C32D37);谁知道这个CSS怎么兼容IE浏览器

ie不支持linear-gradient的，可以使用filter滤镜解决。

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#ffffff,grandientType=1);最后面grandientType用来控制渐变方向的只能上下或者左右（是0/1，还是1/2忘记了。

）

怎样用css实现图片的渐变？如图

<style> div { box-sizing:border-box; width:400px; height:240px; font-size:22px; :100px; overflow:hidden; background:no-repeat / 100% 100%; background-image:linear-gradient(, rgba(255,255,255,1), rgba(255,255,255,0)), url(背景图片路径写在这) } </style> <div> 文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字 </div>

css3中的gradient详细用法

语法： -moz-linear-gradient( [<point> || <angle>,]? <>, <> [, <>]* ) 参数：其共有三个参数，第一个参数表示线性渐变的方向是从上到下、left是从左到右，如果定义成，那就是从左上角到右下角。

第二个和第三个参数分别是起点颜色和终点颜色。

你还可以在它们之间插入更多的参数，表示多种颜色的渐变。

HTML： <div class="example example1"></div> CSS： .example { width: 150px; height: 80px; } 现在给这个div应用一个简单的渐变样式： .example1 { background: -moz-linear-gradient(,c,#000); }