background:linear-gradient([position],color px......) 线性背景 还可以有一种写法： background:-webkit-linear-gradient(to [position],color px) 不推荐这种写法 demo如下： （效果如上） ...
分类：
其他好文 时间：
2017-02-13 08:47:32
阅读次数：
193
css3渐变分为线性渐变(linear-gradient)和径向渐变(radial-gradient)。下面简单介绍下linear-gradient的应用。 以下都是在webkit内核浏览器下进行测试，firefox和opera只需更改下前缀即可，IE下则有特定的滤镜来实现。 以上就是基本语法。先看 ...
分类：
Web程序 时间：
2017-01-31 20:56:48
阅读次数：
544
linear-gradient linear-gradient是CSS3中新增的样式，主要用于颜色的渐变效果。MDN地址 linear-gradient在不同内核下使用方式不同，详细内容可参考w3cplus 实用栗子（在Chrome下） 缺角效果先看效果图 <div class="div1"> 这是 ...
分类：
Web程序 时间：
2017-01-14 13:54:24
阅读次数：
373
1、渐变 Gradient：linear-gradient 线性渐变和 radial-gradient径向渐变 2、rgba(); 设置颜色和透明度，需要注意的是，所有用到颜色的地方，都可以使用这一属性值。比如设置border的颜色透明度 3、border-radius 圆角 语法：border-r ...
分类：
Web程序 时间：
2017-01-09 11:05:13
阅读次数：
165
background: linear-gradient(to right,red,orange,yellow, green, blue,indigo,violet); background: linear-gradient(top,#ccc, #000); background: radial-gr... ...
分类：
其他好文 时间：
2017-01-08 17:34:59
阅读次数：
250
background:-webkit-linear-gradient | radial-gradient (水平起点 垂直起点 , 颜色1 百分比%, 颜色2 百分比%, ... ,颜色N 100%);background:linear-gradient()//线性渐变background:radi... ...
分类：
Web程序 时间：
2017-01-06 00:54:19
阅读次数：
206
Firefox浏览器下的渐变背景 Firefox3.6background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5));chrome/Safari浏览器下的渐变背景实现 Safari4background:-webkit-gradient ...
分类：
Web程序 时间：
2016-12-21 18:33:26
阅读次数：
201
背景知识 线性渐变 linear-gradient 案例 background: linear-gradient(#fb3, #58a); 如果将这两个色标拉近一点，设置为background: linear-gradient(#fb3 20%, #58a 80%);那么真正的渐变只会出现在容器中间 ...
分类：
Web程序 时间：
2016-12-19 08:21:20
阅读次数：
264
一、条纹背景 利用background为linear-gradient函数实现，linear-gradient取值如下： <angle>：角度，渐变的方向 to left right top bottom color：指定颜色 color-stop：指定渐变的起止颜色 length：用长度值指定起止 ...
分类：
Web程序 时间：
2016-12-01 09:27:56
阅读次数：
217
