как сделать гладкую линейную градиентную полосу с граничным радиусом

Я пытаюсь создать полосы с использованием линейного градиента, но не могу получить комбинацию углов для получения плавного эффекта, который не является пятнистым.

Текущий код

.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

0
источник поделиться
1 ответ

Эффект выглядит чистым для меня, я вижу гладкие угловые линии. На этом сайте есть похожие шаблоны, которые достигают того, что вы ищете (или уже сделали).

0
источник

Посмотрите другие вопросы по метке или Задайте вопрос