次のような CSS3 を使用して斜めのパターンを作成したい:
したがって、1px の暗い斜線、1px の明るい斜線など...
これは私が思いついたものです、私は近づいているように感じますが、何かが間違いなく正しくありません:
background-color: #454545;
background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 1px, transparent 4px);
デモ：
既存のコードで background-size を使用するだけで、この background-size を追加してみてください: 8px 8px;
あなたのコードは Firefox では見栄えがしますが、Chrome で表示すると問題が分かります。
ブラウザで再描画 (つまり、サイズ変更) を行うと、Firefox のバージョンに近く見えることがあるため、実際にはグラデーションが正しいように見えます。これは、Chrome のバグだと思います。
1px から 4px に増やすと、機能していることがわかりますが、非常にギザギザになっています。