14个位置后线性梯度开始衰减

问题描述

我正在尝试重新创建CSS色表,并意识到当我在线性渐变CSS属性添加太多“步骤”时,渲染在Chrome上开始淡出,就像在不工作时看到的那样例如,路口模糊。

因此,我的解决方案是减少色卡上的步骤数,如下所示。

工作示例以及相关代码

Gradient working

background: linear-gradient(90deg,rgba(238,238,1) 12%,rgba(204,204,1) 25%,rgba(170,170,1) 37%,rgba(136,136,1) 50%,rgba(119,119,1) 62%,rgba(102,102,1) 75%,rgba(68,68,1) 88%,rgba(51,51,1) 88%);

无效示例 +代码

Gradient not working properly and fading

background: linear-gradient(90deg,1) 94%);

如果有人有任何解释,欢迎您!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)