ste*_*wil 19 html5 gradient css3
看起来不可能做非线性(例如贝塞尔曲线填充)css3梯度; 有谁知道在html5画布中是否可行？
Chr*_*pel 15
我认为最初的评论实际上是关于渐变内从一种颜色到另一种颜色的进展速度,而不是渐变的物理形状.
解决前者:不,不幸的是,此时无法进行非线性CSS渐变填充.但是,您可以使用连续的色标来实现对渐变形状的某种程度的控制.
您可以在Colorzilla渐变生成器中使用渐变下的小方块,或者阅读MDN线性渐变文章,以获取有关创建自己的色块的详细信息.
色彩停止可以非常有创意地使用,特别是结合使用background-size.以下是使用渐变构建的CSS模式的大量集合.
CSS预处理器也可用于生成感觉非线性的渐变(尽管它们只需生成大量停顿而无需考虑每个渐变).最近关于缓和线性渐变的CSS Tricks文章演示了一种这样的方法.