欢迎大家在这里学习html颜色渐变!下面是我们给大家整理出来的精彩内容。希望大家在这里学习!

从左到右的线性渐变，且带有透明度的样式：

#grad {

background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /* Safari 5.1 - 6 */

background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Opera 11.1 - 12*/

background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Firefox 3.6 - 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为不透明

好了，html颜色渐变内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐：

html颜色代码是怎么算的呢