我想用两种不同的颜色制作一个简单的条形图。我想要的是第一种颜色停止，第二种颜色开始，没有过渡或渐变。我知道这听起来很蠢，没有渐变的渐变!
CSS
-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60px,rgba(27,151,143,1) 60px,rgba(27,151,143,1) 60px,rgba(27,151,143,1) 100%);
它产生非常接近的结果，但是两种颜色相遇的地方会变得模糊，因为它仍在进行过渡/渐变。
有没有一种方法可以做到完美停止，如果那是术语的话？
最佳答案
这是我最喜欢的 CSS 渐变生成器工具。有一个像 photoshop 这样的可视化编辑器，它会吐出 CSS 供您复制和粘贴。
关于CSS:没有过渡的渐变？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22668035/