Css 如何制作具有边界半径的平滑线性渐变条纹_Css

Css 如何制作具有边界半径的平滑线性渐变条纹

css

Css 如何制作具有边界半径的平滑线性渐变条纹,css,Css,我正在尝试使用线性渐变创建条纹，但无法获得角度组合以产生平滑效果，而不是斑点当前代码为 .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-

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

当前代码为

.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; }

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