css实现渐变色圆环

效果：

<div class="circle"></div>

.circle { width: 206px; height: 206px; border-radius: 50%; background: linear-gradient(0deg, #36A5ED 0%, #6EEE96 100%); -webkit-mask: radial-gradient(transparent, transparent 97px, #000 97px); mask: radial-gradient(transparent 97px, #000 97px); }

更改圆环大小， mask属性内的数值也要更改

参考：https://blog.csdn.net/qq_40864647/article/details/123737006