之前也研究过css3的这个属性，感觉没什么大用，一般的开发不会用到，毕竟调出来的渐变不专业，不如找一个好看的图片，其实很多时候还是有用的，偷来三个例子。 一、控制虚线 一般写虚线都用dashed，但有时候出来的效果并不是我们想要的，比如控制虚线间的间距，感觉力不从心啊。用linear-gradien ...
分类：
其他好文 时间：
2017-11-01 18:56:17
阅读次数：
181
火狐浏览器： background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5)); 谷歌： .l6{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF0000), to ...
分类：
Web程序 时间：
2017-10-26 16:53:15
阅读次数：
283
一、 1.counter-reset：F44；计数器重置，默认值为0 2.counter-increment：F44；计数器自增，每次+1 3.content：counter（F44）；输出当前计数器的值 二、 1.background：linear-gradient（角度或方向，起始颜色，结束颜色 ...
分类：
其他好文 时间：
2017-10-22 21:11:21
阅读次数：
143
http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html background: -moz-linear-gradient(top, #ace, #f96); background: -webkit-linea ...
分类：
Web程序 时间：
2017-10-17 15:47:45
阅读次数：
195
css3中的线性渐变 线性渐变公式： background-image: linear-gradient( [ <angle> | <side-or-corner> ]?, <color-stop> [, <color-stop>]+ ); 意为：(角度deg或者方位词,一个或多个渐变颜色关键结点（ ...
分类：
Web程序 时间：
2017-10-10 20:40:53
阅读次数：
184
首先看一下效果图 1.坐标系，要在脑海里先建立一个3D坐标系 如下图，看清楚x，y，z轴 2.html代码。 3.css3代码 /*1.首先给html设置一个背景，顺便练习一下渐变*/html{ background:linear-gradient(#9ed128 0%,#358b98 80%); ...
分类：
Web程序 时间：
2017-09-20 23:09:43
阅读次数：
197
1、css3渐变 1）线性渐变（兼容性写法） background:linear-gradient(to right top, #fff, #000 ); //标准写法 background:-webkit-gradient(linear,left bottom, right top, from(# ...
分类：
Web程序 时间：
2017-09-12 17:47:51
阅读次数：
155
背景色，除了纯色以外，还能够使用多种颜色组合成为渐变背景色，使页面丰富。 渐变背景分为两种： 1、线性渐变； 2、环形渐变； 线性渐变 线性渐变分为：横向、纵向、对角渐变三种渐变 语法： <linear-gradient> = linear-gradient([ [ <angle>| to <asi ...
分类：
Web程序 时间：
2017-09-05 22:00:56
阅读次数：
230
网页版数据抓取，没有抓取进度提示，对用户不友好，因此考虑添加进度条，进度为伪进度。 css代码如下 1 <style type="text/css"> 2 .demo{ 3 padding: 2em 0; 4 background: linear-gradient(to right, #2c3b4e ...
分类：
其他好文 时间：
2017-09-05 10:06:32
阅读次数：
192
啥都不说先上个代码~ .content { .content { background: url(../images/bg.png) no-repeat bottom center,-webkit-linear-gradient(#639fff,#4b7aff),linear-gradient(#6 ...
分类：
其他好文 时间：
2017-08-31 16:20:28
阅读次数：
131
