css - 线性渐变提前结束

标签 css webkit linear-gradients

我有这个线性渐变,但我不明白为什么它不起作用。

它应该以浅灰色开始并以 结束,但大约 80% 变成全白色,并带有明显的白线。谁能看出哪里出了问题?

我的 CSS 在这里:

background: white -webkit-linear-gradient(left, #efefef 0%,#f7f7f7 58%,#ffffff 100%);
background: white linear-gradient(left, #efefef 0%,#f7f7f7 58%,#ffffff 100%);

谢谢

编辑:我正在使用 chrome 来测试渐变...

最佳答案

你设置默认颜色为白色,使用透明...

background: transparent -webkit-linear-gradient(left, #efefef 0%,#f7f7f7 58%,#ffffff 100%);
background: transparent linear-gradient(left, #efefef 0%,#f7f7f7 58%,#ffffff 100%);

@JPuge 看看这里可以轻松使用 CSS 渐变 http://www.colorzilla.com/gradient-editor/

关于css - 线性渐变提前结束,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11478800/

相关文章:

css - 为什么 !important 属性没有被应用?

html - 如何实现此通知设计并使其响应灵敏

javascript - onMouseMove 不会触发 Chrome 中的 <option> 元素

css - 渐变网格

javascript - 在同一网页上结合垂直和水平视差滚动

html - 如何使维恩图在移动设备上响应?

javascript - Webkit translateY + textarea 错误

javascript - iOS 14 API WKScriptMessageHandlerWithReply 如何与 iOS 中的 JavaScript 通信?

css - 线性渐变在 Safari 和 Internet Explorer 中不起作用

javascript - React-native 博览会中 ImageBackground 上方的 LinearGradient