单纯的背景色渐变：background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(1, #ddd)); background: linear-gradient(to bottom, #fff 0px,...
分类：
Web程序 时间：
2015-12-03 13:18:47
阅读次数：
122
第一次写博客，我就写写今天在编写网页的过程中，对background的两种运用，一是background中的线性渐变，对背景的渐变我其实是很少使用的，所以今天在写的时候我用css3的帮助手册，background: linear-gradient(to bottom,#0e7bef,#0d73da)...
分类：
Web程序 时间：
2015-12-02 22:27:51
阅读次数：
178
background: -moz-linear-gradient(top, blue, white);//-webkit-linear-gradient(top, blue, white)谷歌线性渐变，-moz-火狐浏览器，top为方向，blue为起点颜色，white为结束颜色topleftback...
分类：
Web程序 时间：
2015-11-30 19:59:59
阅读次数：
139
CSS3 Gradient介绍参考地址：http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.htmlhttp://www.zhangxinxu.com/wordpress/?p=3639效果图：html: c...
分类：
Web程序 时间：
2015-11-24 14:31:07
阅读次数：
1844
CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径 向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有Mozilla（Firefox，Fl...
分类：
其他好文 时间：
2015-11-17 18:50:10
阅读次数：
133
通过使用 css3 渐变可以让背景两个或多个指定的颜色之间显示平稳的过渡，由于用到css3所以需要考虑下浏览器兼容问题，例如：从左到右的线性渐变，且带有透明度的样式：#grad {background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgb...
分类：
Web程序 时间：
2015-11-06 19:25:09
阅读次数：
190
/*背景渐变*/.linear{ width:100%; height:600px; background-color:#fff;/*若浏览器不支持渐变，则显示这个背景色*/background: -ms-linear-gradient(left,#dbecf6 0%,#C0D9ED 100%);/...
分类：
其他好文 时间：
2015-10-30 18:22:40
阅读次数：
250
background:linear-gradient(to top left, blue,orange);//从右下角往左上角渐变background:radial-gradient(to top left, blue,orange);//径向渐变
分类：
Web程序 时间：
2015-10-28 01:25:16
阅读次数：
248
code：#div1{ width: 200px; height: 200px; border: 1px solid #333; background: -moz-linear-gradient(top, red, yellow); background: -webkit-linear-...
分类：
其他好文 时间：
2015-10-17 23:35:23
阅读次数：
134
CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有Mozilla（Firefox，Fl....
分类：
Web程序 时间：
2015-10-06 12:58:33
阅读次数：
316
