css - CSS3 ナビゲーション バー (レスポンシブ) または従来の背景画像

Question

純粋なCSS3を使用して次の形状を作成することは可能ですか?つまり、単一のレイヤーで

<div class="nav-bg">...</div>

私は現在、従来の曲線をスライスして bg-image として追加しています。私はただ興味があり、これを作成する CSS のみの方法についてインターネット上で何も見つけることができませんでした。

私もこれを試してみました。同じ要素で背景画像と CSS3 グラデーションを組み合わせるにはどうすればよいですか? 、ノーブエノ。

Answer 1

Raphael.jsは、画像を使用せずに曲線や直線、その他多くのものを作成するのに役立ちます。