CSS3的渐变 ：linear-gradient一、线性渐变在Mozilla下的应用-moz-linear-gradient( [ || ,]? , [, ]* )例：background: -moz-linear-gradient( top,#000,#fff);参数：其共有三个参数，第一个参数....
分类：
其他好文 时间：
2015-08-18 01:08:46
阅读次数：
167
线性渐变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
CSS3径向渐变是圆形或者椭圆形的渐变方式，颜色不再朝着一条直线的方向渐变，而是从一个起点沿着所有方向的渐变。以orange向red渐变为例，最简单的径向渐变如下所示:radial 效果如下所示：和线性渐变一样，径向渐变说到底只需要三个要素即可：圆心，起始颜色，结束颜色。如果需要制作一个圆形渐...
分类：
Web程序 时间：
2015-08-10 17:40:45
阅读次数：
161
参考地址：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
css – 渐变css – 渐变Table of Contents线性渐变放射性渐变渐变生成工具:http://www.colorzilla.com/gradient-editor线性渐变在白色的背景中, 从上往下开始渐变.gradient { height: 150px; width: 200px...
分类：
Web程序 时间：
2015-08-07 12:47:17
阅读次数：
231
webkit内核的safari、 Chrome的Linear Gradients (线性渐变)的几点说明及演示：webkit内核的safari、 Chrome的Linear Gradients (线性渐变) 基本语法：background-image:-webkit-gradient(type,x1...
分类：
Web程序 时间：
2015-08-05 12:10:15
阅读次数：
127
之前介绍过元素，它允许我们自定义图形元素。在本章中将要使用这个元素来定义SVG图形的色彩渐变、模式填充、剪裁和遮罩，还将介绍如何在svg中使用css样式表。【色彩渐变】svg中有两种色彩渐变：线性渐变和反射渐变。它们的渐变格式都被定义在元素中，然后在需要的SVG图元中引用它。线性渐变——是沿着直线方...
分类：
其他好文 时间：
2015-08-05 10:18:04
阅读次数：
125
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
