css - 画像の代わりにCSSでこのパターンを再作成しますか？

Question

このパターンをオンラインで見つけましたが、これは画像であり、画像を装飾として使用することはできるだけ避けたいと思います。

このパターンを再現する方法について何かアイデアはありますか？（背後の背景テクスチャを除く）

Answer 1

クロスブラウジングはありませんが、その要点は次のとおりです。

background-color: gray; /* Fallback */
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);

CSS3パターンギャラリーから取得。必要に応じて微調整します。