线性渐变linear-gradient:1.-moz-linear-gradient( [ || ,]? , [, ]* )2.-webkit-linear-gradient( [ || ,]? , [, ]* )//最新发布书写语法-webkit-gradient(, [, ]?, [, ...
分类：
其他好文 时间：
2015-08-17 00:41:04
阅读次数：
151
在以前，渐变效果和阴影、圆角效果一样都是做成图片，直接编写 CSS 代码就可以实现。现在的CSS3线性渐变(linear-gradient)技术也可以实现这样的效果喽！
CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先...
分类：
Web程序 时间：
2015-08-13 14:29:56
阅读次数：
145
参考地址：http://www.w3cplus.com/css3/new-css3-linear-gradient.htmlbackground-image: linear-gradient(to bottom, //渐变方向#d9edf7 //开始颜色0px, ...
分类：
Web程序 时间：
2015-08-08 10:29:44
阅读次数：
111
1、渐变 Gradient：linear-gradient 线性渐变和 radial-gradient径向渐变2、rgba(); 设置颜色和透明度，需要注意的是，所有用到颜色的地方，都可以使用这一属性值。比如设置border的颜色透明度3、border-radius 圆角 语法：border-ra....
分类：
Web程序 时间：
2015-08-04 12:55:29
阅读次数：
111
看了大漠 写的关于 Gradient的文章，我也想写点以便加深记忆。首先gradient 分为linear-gradient (线性渐变) 和 radial-gradient（径向渐变），渐变是作为一个属性值来应用，比如用于background 背景、list-style-image 的属性值。li...
分类：
其他好文 时间：
2015-08-04 10:58:23
阅读次数：
93
google模式下：ie模式下：火狐模式下：FILTER（ie模式）；background:-moz-linear-gradient（火狐模式）；background:-webkit-gradient（谷歌模式）。以上是为了区别不同浏览器的不同效果，我把色码区别开了。为了兼容所有浏览器的相同效...
分类：
Web程序 时间：
2015-07-27 10:49:34
阅读次数：
210
关于IE兼容的分享：只要在你的页面上加入这一行代码，整个页面全部兼容css3，不要忘了将文件下载回来放进/js/文件夹兼容圆角border-radius，盒阴影box-shadow、渐变色linear-gradient()，相对长度单位(rem vh vw vmax vmin)等https://gi...
分类：
其他好文 时间：
2015-07-27 07:01:56
阅读次数：
135
一、前言 很久之前就了解过CSS3的线性渐变（Linear-Gradient），这段时间决定进一步认知这一特性，以下笔记以便日后查阅。二、CSS3的各种背景渐变 1. 线性渐变 示例——七彩虹 ...
分类：
Web程序 时间：
2015-07-18 12:28:10
阅读次数：
138
这几天看了一本HTML5的书，里面对于页面的背景使用了大量的渐变效果，因此在这里写一些关于渐变Gradient的东西。CSS3中的Gradient有两种，分别是线性渐变(linear-gradient)和径向渐变(radial-gradient),下面分别是线性与径向渐变的效果(用Flash画的,习...
分类：
Web程序 时间：
2015-07-16 21:39:09
阅读次数：
706
img{-webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,1)); }above：指定倒影在对象的上边below：指定倒影在对象的下边left：指定倒影在对象的左边right：指定倒....
分类：
其他好文 时间：
2015-07-08 02:03:41
阅读次数：
129
