css3渐变色(html5渐变颜色代码)

css3渐变色在2345浏览器中该怎么写

背景色渐变css:

background: linear-gradient(color1,color2); color1为起点结点，color2为结束点结点。

如果是要兼容浏览器的话：(我没用过待你验证)

background:-moz- linear-gradient（）/* Firefox */

background:-webkit- linear-gradient（）/* Chrome*/

background:-o- linear-gradient（）/* Opera */

css3 background-image linear-gradient渐变色 transition 无效

在开发过程中遇到一个需求，要实现渐变色的背景之间的过渡切换，而css3的transition属性对于background-image不生效

想了很久之后，想到一个办法，利用两个div来设置不同的渐变的背景色，再通过改变div的透明度，实现渐变色之间的过渡，效果还不错

（图片被压缩了效果看起来没这么好，可以点击查看原图）

CSS3设置border某一边的颜色渐变

如图所示，渐变的边框是一个 li 标签，要给他的 border-bottom 设置颜色渐变。

background-image 中的第一个 linear-gradient 是设置 li 标签的背景色的，

第二个 linear-gradient 配合 border-image 即可设置 border 的渐变色。