具有清晰颜色边界的CSS 3色线性渐变

标签 css gradient linear-gradients

这可以用线性渐变来实现吗?例如,我可以使用色标以任意比例制作 2 色渐变(红色、绿色),例如下面是 30% 红色,70% 绿色。

background: linear-gradient(to right, red 30%, green 30%);

是否可以按给定的比例做 3 种颜色?

最佳答案

是的,像这样:

background: linear-gradient(to right, red 30%, green 30%, green 60%, blue 60%)

jsfiddle

关于具有清晰颜色边界的CSS 3色线性渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43332595/

相关文章:

html - CSS - 协调背景位置动画

asp.net - 在 div 标签内右对齐菜单控件

html - 如何通过可能有多个选择名称来修复 undefined index 错误

css - 可以处理 CSS3 渐变的在线 CSS 优化器

javascript - jqplot 图像位于绘图曲线下方

ios - 如何使 CALayer 边框具有渐变或多种颜色?

css - 如何将线性渐变应用于输入边框?

css - 重复线性渐变在 safari 中渲染不均匀

javascript - Jquery 可排序。在选中/拖动时调整 CSS

css - 如何在移动响应列布局中正确排序元素?