水平条纹： <div id="div1"> </div> linear-gradient属性 #div1{ width: 100px; height: 100px;background:linear-gradient(yellow 25%,red 25%);background:linear-gra ...
分类：
其他好文 时间：
2016-09-04 11:26:07
阅读次数：
155
背景颜色渐变之线性渐变 语法形式： firefox浏览器 background：-moz-linear-gradient(position/deg，startColor，endColor); opera浏览器 background: -o-linear-gradient(position/deg,s ...
分类：
Web程序 时间：
2016-08-24 13:01:04
阅读次数：
189
对background的两种运用：一是background中的线性渐变，background: linear-gradient(to bottom,#0e7bef,#0d73da);这个是对背景颜色从上到下的一种线性渐变（linear-gradient），两个颜色参数是从第一个颜色参数渐变到第二个颜 ...
分类：
Web程序 时间：
2016-08-23 18:58:55
阅读次数：
207
一.线性渐变linear-gradient 1.使用方法： 二.径向渐变radial-gradient 1.使用方法： 三.兼容问题 ...
分类：
Web程序 时间：
2016-08-19 15:09:56
阅读次数：
178
渐变色彩 线性渐变(linear): 径向渐变（radial）: background-image:linear-gradient(to left, red 30%,blue); 背景图片 background-image : none | url ( url ); body { backgroun ...
分类：
Web程序 时间：
2016-08-15 13:07:03
阅读次数：
197
background-image:linear-gradient() 参数： 第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示： 第一个参数省略时，默认为“180deg”，等同于“to bottom”。 第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。 css代码： ...
分类：
Web程序 时间：
2016-08-14 22:07:57
阅读次数：
145
背景样式 1.背景颜色语法：background-color : transparent | color 2.渐变色彩语法：background: linear-gradient(方向,color,color，……) 设置渐变,默认为均匀分布 ，可在color 后设置百分比方向：to buttom( ...
分类：
Web程序 时间：
2016-08-13 09:59:06
阅读次数：
223
CSS 3 中二维三维以及渐变过程简单总结 及效果(动图不好发) 一. 不动,区域内的变化(本质生产一张图片) /*渐变 1 长方形之渐变先定义长方形的宽高大小(好观察最好加边框) /*方向 颜色 位置*/ 利用 background-image: -webkit-linear-gradient(r ...
分类：
Web程序 时间：
2016-08-06 21:53:54
阅读次数：
127
一. 不动,区域内的变化(本质生产一张图片) /*渐变 1 长方形之渐变先定义长方形的宽高大小(好观察最好加边框) /*方向 颜色 位置*/ 利用 background-image: -webkit-linear-gradient(right top,red 50% ,blue 50%); 2 大圆 ...
分类：
Web程序 时间：
2016-08-06 20:30:07
阅读次数：
160
一、渐变：gradients 线性渐变（linear gradients） background:-webkit-linear-gradient(90deg,red 10%,blue); 1、需要有内核前缀 2、方向可以为字母或者角度（left top right bottom） 3、为角度时逆时针 ...
分类：
Web程序 时间：
2016-08-04 22:54:09
阅读次数：
253
