html - HTMLとCSSを使用して斜めのストライプデザインを作成する方法

Question

HTMLとCSSを使用して画像に表示されているデザインを作成することは可能ですか？もしそうなら、私は何をする必要がありますか？

画像が拡大されるため、ピクセル化されたように見えます。斜めの線は、さまざまな背景（白と青）のさまざまな要素の上に重なっています。線も最後に背景に溶け込みます。

Answer 1

上部要素と下部要素に 2 つの異なる背景画像を使用することをお勧めします。基本的な縞模様の背景にhttp://www.stripegenerator.comを使用してから、選択した画像エディターを使用してフェードを作成します。

Answer 2

これにより、正しい方向に進むことができます。可能ですが面倒です：

デモ

簡単に色を入れ替えることができます。ただし、対角線の不透明度のグラデーションを取得できませんでした。

線の CSS を作成するには、 こちらを参照してください。