在CSS3中常用的几种颜色渐变模式
1、css3中的渐变效果，包括线性渐变、径向渐变、重复线性渐变以及重复径向渐变。这些渐变效果，可以使我们的网页内容更加丰富炫彩。
2、下面我们就给大家介绍一个常见的css3渐变效果。首先大家要知道，CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）。本节先重点介绍线性渐变-Linear Gradients。
3、CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
4、CSS3里面的线性渐变：linear-gradient 语法 参数 第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。
如何使用CSS实现渐变色动画边框的效果(附代码)
1、首先我们来看看一个元素多种变换是什么样的？左侧的框开始为小而绿色的方形角，而右侧的框较大，带有红色边框和圆角。将鼠标悬停在任一框上触发动画，使方框1呈现方框2的外观，反之亦然。
2、一个使用伪元素来实现边框逐渐发光的代码，主要用到scale和opacity这两个属性。
3、如图所示，渐变的边框是一个 li 标签，要给他的 border-bottom 设置颜色渐变。
4、本文介绍的是一个使用伪元素来实现边框逐渐发光的代码，主要用到scale和opacity这两个属性。
CSS中的渐变——线性渐变
首先大家要知道，CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）。本节先重点介绍线性渐变-Linear Gradients。
重复线性渐变效果，有的朋友可能听起来比较陌生，但是在我们日常生活中也是常见的一种渐变效果。
语法： conic-gradient( from 起始角度 at 中心点位置， 渐变断点 )兼容性：一个简单的例子：看清他的渐变方向，起始点是图形中心，然后以顺时针方向绕中心实现渐变效果。
CSS3里面的线性渐变：linear-gradient 语法 参数 第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
网页背景颜色渐变代码
借助background-color实现渐变过渡 background-image虽然不支持CSS3 transition过渡，但是background-color支持啊，于是，通过控制背景颜色，和一个颜色呈现技巧，我们也是可以实现渐变过渡效果的。
可以用两个取色器去分部选择两个颜色，然后使用css3渐变背景色去设置网页背景。渐变背景色可以设置线性、径向和起止颜色、方向等。
下面我将介绍如何用 css 来完成该效果。
背景渐变色 然后设置背景渐变色，代码如下图： background： -webkit-gradient(linear， 0% 0%， 0% 100%， from(#fff)， to(#0000ff))； 其中：linear-gradient()是用来创建线性渐变的语句。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
楼上是对的。 但是直接复制，有时候可以，有时候不行？最后我改了下面这一句。var bodyEl = document.getElementsByTagName(body)[0]；总提示bodyEl.style对象为空或不是对象。我纠结了一整天，完全不知道怎么会事。