CSS3线性渐变以循环方式 [英] CSS3 Linear Gradient in a circular way

问题描述

我想知道是否可以使用css渐变做类似的事情：

I am wondering if it is possible to do something like this with css gradients:

我搜索了很多，所有的渐变都是线性或径向。我想要的渐变是圆形的！

I have searched a lot and all the gradients are either "Linear" or "Radial". My desired gradient is linear in a circular way!

推荐答案

恐怕CSS不允许线性径向渐变。但是，svg提供了解决方案，尽管很粗糙。有关解决方案，请参见以下主题。

I'm afraid CSS doesn't allow for a linear-radial gradient. However, svg provides a solution, albeit crude. See the below topics for a solution.

How to draw a linear gradient circle by svg?

在圆形笔划上svg多种颜色

这篇关于CSS3线性渐变以循环方式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！