渐变的背景色
发布日期:2021-08-13 07:45:03 浏览次数:7 分类:技术文章

本文共 561 字,大约阅读时间需要 1 分钟。

背景色的渐变

1)线性渐变

background: -webkit-linear-gradient(60deg,#fff 10%, #f00 30%, #0f0 50%, #00f 70%, #000);

通过色号进行背景色线性渐变

background: -webkit-linear-gradient(left top, rgba(122,156,233,.6) 30%, rgb(255,12,222) 60%, green 80%, #fff);

通过rgb进行背景色线性渐变

background: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#abcdef',endColorstr='#f44add',GradientType='0');

background: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType='1');

通过filter进行设置

转载于:https://www.cnblogs.com/rockyjs/p/11479724.html

转载地址:https://blog.csdn.net/weixin_30679823/article/details/101415973 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:边框的渐变
下一篇:ng执行css3动画

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2024年03月25日 12时59分38秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章