CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有Mozilla（Firefox，Fl....
分类：
Web程序 时间：
2015-10-06 12:58:33
阅读次数：
316
--------HTML---------- HTML5中Canvas与SVG的画图原理比较 http://www.jb51.net/html5/70974.html使用SVG实现gradient背景渐变 http://www.zhangxinxu.com/wordpress/2011/09/%E4...
分类：
Web程序 时间：
2015-08-18 16:00:47
阅读次数：
123
.x-panel-body {/*背景渐变*/ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F8F8F6,endColorStr=#CBC6BD); /*IE ...
分类：
其他好文 时间：
2015-08-05 12:12:58
阅读次数：
118
之前我们使用了css实现普通背景渐变，这次来使用渐变和动画实现动态流光文字效果。需要的标签：-webkit-gradient和-webkit-background-clip，其他浏览器兼容前缀请自改。-webkit-gradient是webkit内核浏览器的线性渐变，方法可自行百度（可参考http:...
分类：
其他好文 时间：
2015-07-19 23:08:33
阅读次数：
134
在没有了解css也可以做背景渐变以前，我都是通过PS一张背景渐变的图片来应用到自己所做的网页中。然而，在前不久我了解到css3也可以做背景渐变后，想要做背景渐变的效果就很容易了许多，下面是一些css3做背景渐变的方法。一.线性渐变//自上而下的线性渐变div{width:400px;height:1...
分类：
Web程序 时间：
2015-07-19 11:43:46
阅读次数：
561
一、前言 很久之前就了解过CSS3的线性渐变（Linear-Gradient），这段时间决定进一步认知这一特性，以下笔记以便日后查阅。二、CSS3的各种背景渐变 1. 线性渐变 示例——七彩虹 ...
分类：
Web程序 时间：
2015-07-18 12:28:10
阅读次数：
138
CSS 实现元素背景渐变
.demo {
width:100%;
height:200px;
border:solid 1px #213c7c;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#80c1e7), to(#213c7c));
background: -...
分类：
其他好文 时间：
2015-06-20 18:28:05
阅读次数：
128
这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件。你可以通过调节界面上给出的颜色、色相、饱和度和亮度滑块，以及渐变方向滑块来生成各种线性渐变，屏幕上会给出相应的CSS3线性渐变代码。
在线演示：http://www.htmleaf.com/Demo/201502221407.html
下载地址：http://www.htmleaf.com/css3/css3donghua/20...
分类：
Web程序 时间：
2015-02-23 15:30:28
阅读次数：
180
复杂渐变生成器地址：http://www.colorzilla.com/gradient-editor/背景渐变图案地址：http://lea.verou.me/css3patterns/eg：两色线性渐变background: #fcfcfc; /* Old browsers */backgrou...
分类：
Web程序 时间：
2015-02-02 17:21:39
阅读次数：
264
http://blog.csdn.net/net_lover/article/details/5212026CSS3规范中对背景这一部分，新加入了一些令人兴奋的功能，如可以设置多个背景图片、可以指定背景大小、设置背景渐变等功能。CSS3规范中定义的背景属性有：属性名可能的值默认值background...
分类：
Web程序 时间：
2015-01-30 19:32:02
阅读次数：
220
