css - 如何使用 border-radius 制作平滑的线性渐变条纹

Question

我正在尝试使用线性渐变创建条纹，但无法获得 Angular 组合来产生没有 Blob 的平滑效果。

当前代码是

.circle {


background: linear-gradient(-45deg, rgba(255,255,255, 1) 25%, transparent 25%, transparent 50%, rgba(255,255,255, 1) 50%, rgba(255,255,255, 1) 75%, transparent 2%, transparent);
    background-size:40px 40px ;
    width:300px;
    height:300px;
    border-radius:150px;
-moz-background-clip: padding;  
background-clip: padding-box; 
-webkit-background-clip: padding-box;
}

http://jsbin.com/fohayaxa/1/edit

Answer 1

效果对我来说看起来很干净，我看到平滑的斜线。 this 上也有类似的模式实现您正在寻找(或已经完成)的网站。