backgroundcolor渐变(backgroundcolor transparent)
css中的渐变色能使用js函数来更改吗
使用transition属性，可以设置css属性的渐变，本例中：
transition:background-color .3s ease-in .0s;
语句的意思是：要渐变的属性为background-color；渐变过程持续3s；渐变的方式为ease-in；延迟0s后开始渐变。
渐变方式可以简单的理解为变化速度的曲线，有多种选择，ease-in是其中一种。
上述方法是transition属性的简写方法，实际上他还可以分割写为四个单独的属性，上边的语句分割后的写法为：
transition-property:background-color;transition-duration: .3s;transition-timing-function: ease-in;transition-delay: 0s;
若是需要改变多个属性的渐变，可以使用分开写的方式，属性事件用，分隔，顺序相互对应即可。
CSS怎样实现背景颜色渐变
background:-webkit-gradient(linear ,10% 10%，100% 100%，
color-stop(0.14,rgb(255,0,0)),
color-stop(0.5,rgb(255,255,0)),
color-stop(1,rgb(0,0,255))?);
第一个参数：表示的是渐变的类型
linear线性渐变
第二个参数：分别对应x，y方向渐变的起始位置
第三个参数：分别对应x，y方向渐变的终止位置
第四/五/N个参数：设置渐变的位置及颜色
(2)第二种写法：这种写法比较简单，而且效果比较自然
background:-webkit-gradient(linear, 0 0, 0 100%, from(＃2074af), to(＃2c91d2));
第一个参数：表示的是渐变的类型
linear线性渐变
第二个参数：分别对应x，y方向渐变的起始位置
第三个参数：分别对应x，y方向渐变的终止位置
第四个参数：设置了起始位置的颜色
二.Mozilla浏览器
(1)第一种写法：
background:-moz-linear-gradient(10 10 90deg,
rgb(25,0,0) 14%,
rgb(255,255,0) 50%,
rgb(0,0,255) 100%);
第一个参数：设置渐变起始位置及角度
第二/三/四/N个参数：设置渐变的颜色和位置
(2)第二种写法：这种写法比较简单，而且效果比较自然
background:-moz-linear-gradient(top, ＃FFC3C8,＃FF9298);
第一个参数：设置渐变的起始位置
第二个参数：设置起始位置的颜色
第三个参数：设置终止位置的颜色
三.IE 浏览器
IE浏览器实现渐变只能使用IE自己的滤镜去实现
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=＃00ffff,endColorstr=＃9fffff,grandientType=1);
第一个参数：渐变起始位置的颜色
第二个参数：渐变终止位置的颜色
第三个参数：渐变的类型
0?代表竖向渐变??????? 1? 代表横向渐变
注意：这里设置背景的时候不需要给background设置，直接用filter即可，不要和其他的浏览器混淆
第五个参数：设置了终止位置的颜色
代码演示：
效果图：
代码：
效果：
div背景颜色怎样渐变 css实现div层背景颜色渐变代码
借助background-position实现渐变过渡
background-image虽然不支持CSS3?transition过渡，但是background-position支持啊，于是，通过控制背景位置，我们是可以实现渐变过渡效果的。
实现效果如下（鼠标hover）：
借助background-color实现渐变过渡
background-image虽然不支持CSS3?transition过渡，但是background-color支持啊，于是，通过控制背景颜色，和一个颜色呈现技巧，我们也是可以实现渐变过渡效果的。
鼠标hover前后效果对比：
借助伪元素和opacity实现渐变过渡
借助伪元素创建变换后的渐变效果，通过改变覆盖的渐变的opacity透明度变化实现渐变过渡效果。
下图为hover之后的效果：
相关代码如下：
扩展资料：mozilla 使用 CSS transitions
jquery的animate能渐变background-color吗
jQuery的animate函数可以进行与尺寸相关CSS样式动画，但对于如background-color等与颜色相关的CSS样式渐变的动画没有提供。
但是在jQuery UI中（jQuery的一个扩展库），提供了颜色渐变的动画，包括color, background-color等与颜色相关的CSS属性都可以进行动画，具体代码实例可以参见jQuery UI的官方网站，使用起来很容易。
实例代码地址：