渐变边框或渐变圆环的两种实现

1：svg实现

svg(width="70",height="70",viewBox="0 0 70 70")

defs

linearGradient#gradient1(x1="1",y1="0",x2="0",y2="0")

stop(offset="0%",stop-color="#ff0")

stop(offset="100%",stop-color="#0ff")

g(transform="matrix(0,-1,1,0,0,70)")

circle(ref='circleMove',stroke-dasharray="188 188", cx="35",

cy="35", r="30", stroke-width="5",

stroke="url('#gradient1')", fill="none")

2：css实现

https://blog.csdn.net/shuiseyangguang/article/details/83618757