用css或SVG制作圆形或螺旋形渐变的最佳方法是什么?

时间:2016-01-06 21:17:11

标签: html css html5 css3 svg

首先,我不想要径向渐变(除非它可以帮助我实现我的目标)

我想要一个圆圈。渐变将从绿色变为蓝色。渐变将围绕圆顺时针(不是径向渐变,更好地描述为螺旋渐变或顺时针渐变)。实现这一目标的最佳方法是什么?

到目前为止,唯一的想法是将圆分成许多段并对每个段应用线性渐变,但我希望有更好的解决方案。

必须使用SVG图形和/或HTML CSS实现解决方案。

提前致谢。

1 个答案:

答案 0 :(得分:3)

您是在描述锥形渐变吗?

https://css-tricks.com/conical-gradients-css/

上面的链接说明“cical”渐变尚未引入css“Yet”。

然而,他们也在该文章中提供了一个漂亮的解决方案。

祝你好运!