CSSで背景に斜線を引きたい

背景に斜線を引きたいですが
なぜか薄く「のような模様が入ってしまいます。
原因を教えてください

css
1div{  background-image: linear-gradient(
2    -45deg,
3    #F2F0F8 25%,
4    #ffffff 25%,
5    #ffffff 50%,
6    #F2F0F8 50%,
7    #F2F0F8 75%,
8    #ffffff 75%,
9    #F2F0F8 
10  );
11  background-size: 30px 30px;
12background-attachment: fixed;
13}
14

行動規範の内容に同意します

回答1件

ベストアンサー

css
1    #ffffff 75%,
2    #F2F0F8

この部分で 75%の位置から100%までがグラデーションで変化するためです。
最後を #ffffff にすれば非必要なグラデーション（「）は消えます。

css
1div{
2  background-image: linear-gradient(
3    -45deg,
4    #d5c7ff 25%,
5    #ffffff 25%,
6    #ffffff 50%,
7    #d5c7ff 50%,
8    #d5c7ff 75%,
9    #ffffff 75%,
10    #ffffff 
11  );
12  background-size: 30px 30px;
13  background-attachment: fixed;
14  height: 200px;
15}