看起来不太可能做非线性(例如Bezier曲线填充)css3渐变;有谁知道是否可能在html5画布?
解决方法
我认为最初的评论是关于在渐变中从一种颜色到另一种颜色的进展速度,而不是渐变的物理形状。
解决前者:不,不幸的是,在这个时候,没有办法做非线性CSS渐变填充。但是,您可以使用连续的色彩停止来对渐变的形状进行某种程度的控制。
您可能会混乱Colorzilla gradient generator渐变下的小方块,或阅读MDN linear-gradient article了解有关创建自己的色彩停止点的详细信息。
颜色停止可以非常有创意地使用,特别是与背景尺寸相结合。这是一个伟大的collection of CSS patterns内置使用梯度。