背景色左右透明度渐变

最新推荐文章于 2023-12-14 13:55:54 发布

冰墩墩1

最新推荐文章于 2023-12-14 13:55:54 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： css3

本文链接：https://blog.youkuaiyun.com/weixin_40024174/article/details/77712359

css3 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用CSS实现从透明到白色的渐变背景效果的方法，并提供了针对不同浏览器的兼容性写法，包括IE浏览器的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

background-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background-image: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background-image: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background-image: linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

兼容ie渐变色：

background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
background: -webkit-linear-gradient(right,rgba(255,255,255,0), rgba(255,255,255,1));
background: -moz-linear-gradient(right,rgba(255,255,255,0), rgba(255,255,255,1));
background: -o-linear-gradient(right,rgba(255,255,255,0), rgba(255,255,255,1));
background: -ms-linear-gradient(right,rgba(255,255,255,0), rgba(255,255,255,1));
background: linear-gradient(right,rgba(255,255,255,0), rgba(255,255,255,1));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = rgba(255,255,255,1), endColorstr = rgba(255,255,255,0));