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

标签 html css svg

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

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

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

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

提前致谢。

最佳答案

您是在描述圆锥形渐变吗?

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

上面的链接解释了“锥形”渐变还没有被引入 css “Yet”。

不过,他们在那篇文章中也提供了一个绝妙的解决方案。

祝你好运!

关于html - 使用 css 或 SVG 制作圆形或螺旋渐变的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34642927/

相关文章:

javascript - 识别侧边栏何时处于事件状态

javascript - Math.round 在 JavaScript 中不起作用

html - 在小屏幕上需要从右到左下方流动(右固定宽度,左可变宽度)

CSS超链接放置

css - 对用户 css 的危险

javascript - 如何在不使用 Javascript 或膨胀/腐 eclipse 过滤器的情况下在 SVG 中实现偏移路径效果?

html - 行为和 -ms-behavior 之间的区别

Javascript html函数输入按钮输出

css - 了解 svg 的 viewbox 属性

javascript - 如何在给定的 map 投影中执行 d3.svg.arc?