CSS3背景渐变及文本效果

一、渐变

1.Linear Gradients—线性渐变

颜色沿着一条直线过渡：从左到右、从右到左、从上到下等

1、background: linear-gradient(position , color1 ,color2, ....)；
 /* position 渐变方向，color1 第一种颜色   color2第二种颜色 */

①渐变默认方向为从上到下，即to bottom，可省略不写；

②渐变方向的书写格式是：to 具体方位名词，比如to right，就是到右边，开始方向为到达方向的相反方向；以此类推：

to bottom 从上到下

to right 从左到右

to bottom right 从左上角到右下角

---

2. Radial Gradients—径向渐变

圆形或椭圆形渐变，颜色不再沿着一条直线变化，而是从一个起点朝所有方向混合。