.pxc
{
background-position: left top;
background-image:linear-gradient(to top, transparent 0%,transparent 50%,#e0e0e0 50%,#e0e0e0 100%);
background-image: -ms-linear...
分类：
其他好文 时间：
2015-01-30 21:09:04
阅读次数：
260
#head{width:200px; height: 200px; border: 1px solid #000; ?background: -moz-linear-gradient(top,red,yellow); ?background:-webkit-linear-gradient(top,red,yellow); ?background: -ms-linear-gradient...
分类：
其他好文 时间：
2015-01-30 17:54:39
阅读次数：
95
自己学的一些渐变：background:linear-gradient(90deg,#4EB9E7 -50%,#3691BE 50%,#2E83B0 100%); IE没有效果详细访问：http://www.cnblogs.com/yichengbo/archive/2012/10/27/27426...
分类：
Web程序 时间：
2015-01-29 22:30:38
阅读次数：
173
渐变，指形状或颜色的有规律性的变化，往往可以给人很强的节奏感和审美情趣，这里研究的主要是颜色的渐变。渐变的形式在日常生活中很常见，在网页中的用的也很多，传统网页技术中往往用图片来实现渐变，容易带来加载负担和动态定制的瓶颈。
CSS3提供了实现渐变的属性，随着浏览器的逐步支持，研究CSS3渐变已势在必行。涉及CSS渐变的属性主要有linear-gradient、radial-gradient、re...
分类：
Web程序 时间：
2015-01-06 10:10:22
阅读次数：
214
HTML5的canvas为我们提供了类似于CSS3中linear-gradient属性定义的渐变效果，用createLinearGradient()方法可以创建基于画布的线性渐变，创建好的线性渐变可以用于填充路径、定义笔触等。同时，HTML5也为我们提供了createRadialGradient()方法用于创建放射渐变，我们将在另一篇博文中详细介绍。...
分类：
Web程序 时间：
2015-01-06 10:02:24
阅读次数：
149
我们经常使用一些excel表格来处理数据，在html中，我们可以用table来制成表格。今天来看一下一些不同的方法。方法一：使用CSS3的background的linear-gradient属性linear-gradient表示一种线性渐变，指定好开始的坐标，以及线性渐变的参数，就可以实现背景颜色的...
分类：
Web程序 时间：
2014-11-23 14:27:52
阅读次数：
3269
1、渐变色 从上到下，白色透明度100%到白色透明度0%渐变（注意为避免继承，新建元素，父元素relative，子元素absolute） background-image:linear-gradient(to bottom,rgba(255, 255, 255, 1),rgba(255, 255,....
分类：
Web程序 时间：
2014-11-21 13:57:42
阅读次数：
185
linear-gradient 常用来制作渐变，如（色彩渣，我就随便找个颜色举例）css代码如下background:linear-gradient(45deg,#ff0000 0%,#ffb600 11%,#fff600 22%,#a5ff00 33%,#00a9ff 44%,#0400ff 55...
分类：
Web程序 时间：
2014-11-10 15:07:06
阅读次数：
1666
这些图片都是用一个DIV绘制出来的，其实原理并不复杂。 这些图片都是由CSS绘制出来的，通过background-image叠加实现， 如蘑菇头的实现，通过radial-gradient 径向渐变,linear-gradient 线性渐变相互叠加实现，如：div { width: 170px;...
分类：
Web程序 时间：
2014-11-06 14:20:20
阅读次数：
204
原文：http://www.nowamagic.net/librarys/veda/detail/2600资料参考：http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html CSS3 经典教程系列：CSS3 线...
分类：
Web程序 时间：
2014-11-02 19:34:20
阅读次数：
185
