渐变不平滑[重复]

【问题标题】：Gradients not smooth [duplicate]渐变不平滑[重复]
【发布时间】：2021-07-19 16:56:09
【问题描述】：

我尝试用很多颜色制作渐变，但渐变不平滑，因为它应该是这里的屏幕截图...messed up gradient

【问题讨论】：

看起来好像你没有 background-repeat: no-repeat no-repeat 和 background-size: cover 但是没有看到你的 CSS 和相关的 HTML 就不可能准确地告诉你需要什么去做。

【解决方案1】：

我最常使用这种方法来创建渐变：

background-image: linear-gradient(to right, #a1a1a1, #2200ff);

设置background-repeat: none; 或background-size: cover; 也有帮助。

【讨论】：

【解决方案2】：

尝试设置背景尺寸：封面；背景-重复：不重复；

这还取决于您尝试设置样式的 div 或元素。需要更多信息来添加您的代码

【讨论】：