圆角（border-radius:8px）、 阴影（box-shadow:10px）、 对文字加特效（text-shadow）、 线性渐变（gradient）、 旋转（transform） transform:rotate(9deg) scale(0.85,0.90) translate(0px,- ...
分类：
Web程序 时间：
2016-05-02 21:23:05
阅读次数：
182
学习要点： 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
CSS3颜色渐变模式总结
1.线性渐变：linear-gradient
语法： =
linear-gradient([ [ | to ] ,]? [, ]+)
=
[left | right] || [top | bottom]
= [ |]?
下述值用来表示渐变的方向，...
分类：
Web程序 时间：
2016-04-24 06:29:42
阅读次数：
345
× 目录 [1]定义 [2]椭圆圆心 [3]椭圆类型 [4]椭圆大小 [5]色标 [6]重复渐变 [7]其他 前面的话 上篇介绍了线性渐变，本文接着介绍径向渐变的内容 定义 径向渐变，实际上就是椭圆渐变，圆只是一种特殊的椭圆而已。径向渐变从圆心点以椭圆形状向外扩散，渐变的实现由两部分组成：椭圆和色标 ...
分类：
Web程序 时间：
2016-04-13 02:08:41
阅读次数：
233
渐变
一、 线性渐变
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
1、渐变色彩 CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同，这里我们只针对线性渐变的 W3C 标准语法来分析其用法，其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0 ...
分类：
其他好文 时间：
2016-04-11 22:38:26
阅读次数：
266
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同，这里我们只针对线性渐变的 W3C 标准语法来分析其用法，其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Ope ...
分类：
Web程序 时间：
2016-04-06 13:22:44
阅读次数：
134
