通过使用 css3 渐变可以让背景两个或多个指定的颜色之间显示平稳的过渡，由于用到css3所以需要考虑下浏览器兼容问题，例如：
从左到右的线性渐变，且带有透明度的样式：
#grad {
background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); / Safari 51 - 6 /
background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); / Opera 111 - 12/
background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); / Firefox 36 - 15/
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); / 标准的语法 /
}
其中rgba()中的4个数字，前3个为颜色rgb，最后1个是透明度，取值0-1，0为透明,1为不透明。<style type="text/css">
linear{
width:100%;
height:600px;
FILTER: progid:DXImageTransformMicrosoftGradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /IE 6 7 8/
background: -ms-linear-gradient(top, #fff, #0000ff); / IE 10 /
background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/火狐/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));/谷歌/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff)); / Safari 4-5, Chrome 1-9/
background: -webkit-linear-gradient(top, #fff, #0000ff); /Safari51 Chrome 10+/
background: -o-linear-gradient(top, #fff, #0000ff); /Opera 1110+/
}
</style>
<body>
<div class="linear"></div>
</body>
google模式下：
ie模式下：
火狐模式下：
FILTER（ie模式）；background:-moz-linear-gradient（火狐模式）；background:-webkit-gradient（谷歌模式）。
以上是为了区别不同浏览器的不同效果，我把色码区别开了。为了兼容所有浏览器的相同效果的css3渐变色，你可以把色码调试成一样。直接用 css 来控制 给 input 里边 加一个 class 名称 然后用样式来控制 你的class名称就好了
例如 <input type="button" class="but_sty" value=""/>
but_sty{ border:0px; width:80px; height:30px; background-color:#333; font-size:12px; color:#fff;}
不懂还可以问Word字体颜色渐变效果可以通过Word自带的“形状填充”工具来设置，打开“形状填充”工具，选择“渐变”，可以设置渐变的起始颜色，结束颜色及渐变方向等。
拓展：如果要实现HTML页面字体颜色渐变效果，则可以通过CSS3中的“linear-gradient”属性来设置，使用该属性可以实现从一个颜色到另一个颜色的渐变效果，如：color: linear-gradient(90deg, red, yellow)，即从红色到的渐变效果。
1、打开html开发工具，新建一个html文件在html代码页面创建一个<div>并给这个标签添加一个类名linear：
2、然后为类设置样式。在title后面创建一个style标签，然后在这个标签里面设置linear类的高、渐变（linear-gradient）的样式，这里的第一个参数是设置渐变的方向，后面两个参数是起始颜色和终止颜色。设置好后去浏览器查看效果：
3、保存好html文件后使用浏览器查看效果。就会看到一个绿色到红色的渐变了。以上就是html中让背景颜色渐变的设置方法介绍：
1、打开编辑器，新建一个HTML，并定义一个div，并给50px的高度：
2、接下来在style中设置div的样式，这里使用linear-gradient()编写一个默认方向的红蓝渐变，渐变的方向可以省略的：
3、如果想设置渐变方向为从右至左，只需要给linear-gradient加一个“to left”属性就可以了：
4、保存文件查看生成的指定方向的渐变，可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤：
biorender取渐变色步骤如下:1、首先，现在origin中用3D colormap surface画出一个简单的三维图；

2、然后点击l图中红框标示level；

3、出现set level对话框，将其中的increment改小，如现在把它从225改成02。increment可以理解成颜色的步长，在一定颜色渐变中，步长越长，自然颜色变化约细腻，即为渐变色带。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）