在CSS中background: -moz-linear-gradient 让网站背景渐变的属性，目前火狐3.6以上版本和google浏览器支持这个属性。 background: -moz-linear-gradient(top, #bccfe3 0%, #d2dded 100%); 适合 FF3. ...
分类：
Web程序 时间：
2016-04-27 20:32:20
阅读次数：
292
CSS3颜色渐变模式总结
1.线性渐变：linear-gradient
语法： =
linear-gradient([ [ | to ] ,]? [, ]+)
=
[left | right] || [top | bottom]
= [ |]?
下述值用来表示渐变的方向，...
分类：
Web程序 时间：
2016-04-24 06:29:42
阅读次数：
345
background: -webkit-linear-gradient(#0f86d4, #0d64bd); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#0f86d4, #0d64bd); /* Opera 11.1 - 12.0 * ...
分类：
其他好文 时间：
2016-04-20 11:30:16
阅读次数：
137
渐变
一、 线性渐变
1 线性渐变格式
linear-gradient([ || ,]? , …)
只能用在背景上
2 IE filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',G...
分类：
Web程序 时间：
2016-04-12 17:40:40
阅读次数：
255
× 目录 [1]定义 [2]渐变线 [3]色标 [4]重复渐变 [5]多背景 [6]应用场景 [7]IE兼容 前面的话 在CSS3出现之前，渐变效果只能通过图形软件设计图片来实现，可拓展性差，还影响性能。如今已经进入CSS3标准的渐变可以很轻松的完成渐变效果。渐变实际上分为线性渐变和径向渐变两种，本 ...
分类：
Web程序 时间：
2016-04-12 12:30:13
阅读次数：
190
想在div中给背景画上网格线，看到一个例子<html>
<head>
<styletype="text/css">
div{
width:400px;
height:280px;
margin:10px;
border:1pxsolid#000000;
}
.grid{
background:-webkit-linear-gradient(
top,transparent39px,blue39px,blue41px,transparent..
分类：
Web程序 时间：
2016-04-07 18:55:29
阅读次数：
190
css3背景颜色渐变属性 兼容性测试基础环境为：windows系统；IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法： <linear-gradient>：linear-gradient([ <point>,]? <color-st
在网上看到一种利用linear-gradient属性制作绚丽边框效果的方法。首先给出代码，大家可以在自己的电脑中查看效果：
.box {
margin: 80px 30px;
width: 200px;
height: 200px;
positio...
分类：
其他好文 时间：
2016-03-05 19:04:34
阅读次数：
245
看标题估计也很难知道什么是斜线拼接，为了很快进入正事，此处省去一堆废话……。 这篇文章要让大家知道怎么用CSS3属性实现下面这张图效果。 当然，用到的CSS3属性 mask & linear gradient。这里要对这两个属性的使用理解非常透彻。 一、先来显示两张图 <div class="wra
分类：
Web程序 时间：
2016-03-04 19:05:45
阅读次数：
203
线性渐变的兼容写法如下： .gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, lef
分类：
其他好文 时间：
2016-03-03 17:30:11
阅读次数：
825
