/*自适应按钮*/ button{ padding:.3em .8em; border:1px solid rgba(0,0,0,.1); background: #58a linear-gradient(hsla(0,0%,100%,.2),transparent); border-radius: ...
分类：
其他好文 时间：
2016-07-08 15:11:06
阅读次数：
123
一、线性渐变在CSS中部分属性需要添加浏览器前缀-moz-:表示火狐内核浏览器-webkit-:表示谷歌内核浏览器-ms-:表示IE内核浏览器-o-:表示欧朋(opera)内核浏览器<style>
.div1{background-p_w_picpath:linear-gradient(totop,red,green);width:400px;height:180px;}
.div2{ba..
分类：
Web程序 时间：
2016-07-05 22:40:19
阅读次数：
721
一、横向条纹
如下代码：
background: linear-gradient(#fb3 20%, #58a 80%)
上面代码表示整个图片的上部分20%和下部分20%是对应的纯色，只有中间的部分是渐变色。如果让中间的部分逐渐缩小，当中间部分变为0即上下两种颜色的七点和终点相同是，就没有了渐变而变成了两种颜色的色条:
background: linear-gradient(#fb3 50...
分类：
Web程序 时间：
2016-05-27 11:49:49
阅读次数：
184
CSS3颜色渐变 background-image:linear-gradient(black,blue,green,red); 默认从上到下显示。 示例代码： background-repeat背景图片平铺 背景填充的方式。 语法：background-repeat：<repeat-style>[ ...
分类：
Web程序 时间：
2016-05-25 18:21:37
阅读次数：
307
重写下面的样式就可以了.datagrid-header,.datagrid-td-rownumber { background-color: #efefef; background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%); backg ...
分类：
其他好文 时间：
2016-05-25 00:05:36
阅读次数：
597
1.线性渐变：linear-gradient 语法：<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner] ,]? <color-start>[, <color-end>]+) <side-or-corner> = ...
分类：
Web程序 时间：
2016-05-24 16:58:50
阅读次数：
286
CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla（Firefox ...
分类：
Web程序 时间：
2016-05-13 07:54:42
阅读次数：
166
前面的话
在CSS3出现之前，渐变效果只能通过图形软件设计图片来实现，可拓展性差，还影响性能。如今已经进入CSS3标准的渐变可以很轻松的完成渐变效果。渐变实际上分为线性渐变和径向渐变两种，本文介绍线性渐变。
定义
渐变实际上是两种或多种颜色之间的平滑过渡。而线性渐变是多种颜色沿着一条直线(称为渐变线)过渡。渐变的实现由两部分组成：渐变线和色标。渐变线用来控制发生渐变的方向；色...
分类：
Web程序 时间：
2016-05-12 15:14:04
阅读次数：
296
学习要点： 1.线性渐变 2.径向渐变 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 背景渐变功能，主要有两种渐变方式：线性渐变和径向（放射性）渐变。 一．线性渐变 CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。在以前，这种效果必须采用图片才能实现的。首先 ...
分类：
Web程序 时间：
2016-05-01 11:02:35
阅读次数：
297
CSS3颜色渐变模式总结
1.线性渐变：linear-gradient
语法： =
linear-gradient([ [ | to ] ,]? [, ]+)
=
[left | right] || [top | bottom]
= [ |]?
下述值用来表示渐变的方向，...
分类：
Web程序 时间：
2016-04-29 19:46:22
阅读次数：
208
