如何制作具有边界半径的光滑线性梯度条纹

Question

我试图使用线性梯度创建条纹，但无法获得角度组合以产生平滑效果，而不是斑点。

当前代码为

<>之前.circle {背景:线性渐变(-45度，rgba(255,255,255, 1) 25%，透明25%，透明50%，rgba(255,255,255, 1) 50%， rgba(255,255,255, 1) 75%，透明2%，透明);Background-size:40px;宽度:300 px;身高:300 px;border - radius: 150 px;-moz-background-clip:填充;background-clip: padding-box;-webkit-background-clip: padding-box;}之前http://jsbin.com/fohayaxa/1/edit

Answer 1

效果看起来很干净，我看到平滑的角度线。在这个网站上有类似的模式，可以实现您正在寻找的(或已经完成的)。