色彩渐变 ： gradient（线性渐变 和 径向渐变）支持情况：IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+linear-gradient(to right,red,green) linear:渐变类型，radial为径向渐变to right ：渐变方向 ...
分类：
Web程序 时间：
2015-10-04 15:57:53
阅读次数：
227
语法：选择器{ background：linear-gradien(线性渐变的方向,起点颜色，终点颜色)； }第一个参数：[可选参数，默认从上到下] 线性渐变的方向：top,bottom,left,right,top left;第二个和第三个参数：起点颜色和终点颜色，其实中间可以插入更多的颜...
分类：
Web程序 时间：
2015-09-21 06:56:42
阅读次数：
150
CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径 向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有Mozilla（Firefox，Fl...
分类：
Web程序 时间：
2015-09-20 11:58:22
阅读次数：
218
background: #fefefe; /* Old browsers */background: -moz-linear-gradient(top, #fefefe 1%, red 100%); /* FF3.6+ */background: -webkit-gradient(linear, ....
分类：
Web程序 时间：
2015-09-14 19:20:10
阅读次数：
219
css3线性渐变可以设置3个参数值：方向、起始颜色、结束颜色。最简单的模式只需要定义起始颜色和结束颜色，起点、终点和方向默认自元素的顶部到底部。下面举例说明：CSS Code复制内容到剪贴板.test{ background:linear-gradient(red, blue); } ...
分类：
Web程序 时间：
2015-09-10 13:02:08
阅读次数：
243
.first_tree li:hover{ color:#FFF; cursor:pointer; background-color:#ff8a00; background: -ms-linear-gradient(top, #ff8a00 0, #ff8a00 100%); ba...
分类：
Web程序 时间：
2015-09-01 12:06:42
阅读次数：
325
一.倒影：-webkit-box-reflect:属性值1：位置 [above , below , left , right]属性值2：间距 像素值属性值3：渐变-webkit-box-reflect: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rg...
分类：
Web程序 时间：
2015-08-31 13:08:42
阅读次数：
141
渐变可以创建类似于彩虹的效果，低版本的浏览器不的不使开发者用图片来实现，CSS3将会轻松实现网页渐变效果。要得上面的线性渐变效果，我们这样去定义CSS3样式：background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firef...
分类：
Web程序 时间：
2015-08-21 21:01:00
阅读次数：
155
题外话今天拜读了大漠的<>发现里面这个按钮的实例挺赞的,稍微完善了一下原来例子.
去掉一些现在不用的前缀,补全了最终版的.clearfix,还有样式稍作修改~~原版效果图:
预备知识
基础布局知识
CSS2.1 && CSS3
制作原理(CSS3特性)
box-shadow – 盒子阴影 -> 使用多层阴影达到立体效果
box-image:linear-gradient ->...
分类：
Web程序 时间：
2015-08-18 19:25:17
阅读次数：
205
CSS3的渐变 ：linear-gradient一、线性渐变在Mozilla下的应用-moz-linear-gradient( [ || ,]? , [, ]* )例：background: -moz-linear-gradient( top,#000,#fff);参数：其共有三个参数，第一个参数....
分类：
其他好文 时间：
2015-08-18 01:08:46
阅读次数：
167
