第22章CSS3渐变效果-水之原

学习要点：

1.线性渐变

2.径向渐变

主讲教师：李炎恢

本章主要探讨 HTML5 中 CSS3 背景渐变功能，主要有两种渐变方式：线性渐变和径向（放射性）渐变。

一．线性渐变

CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。在以前，这种效果必须采用图片才能实现的。首先，我们先看一下它的样式表，如下：

linear-gradient(方位, 起始色, 末尾色)

方位

可选参数，渐变的方位。可以使用的值有：to top、to top right、to right、to bottom、to bottom left、to left、to top left。

起始色

必选参数，颜色值

末尾色

必选参数，颜色值

//两个必须参数

 background-image: linear-gradient(orange,green);  

查看更多关于第22章CSS3渐变效果-水之原的详细内容...