SVGファイルを二つ作ってCSSでbackground url指定して表示しようと考えています。
SVG
1<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" 2viewBox="0 0 64 64" preserveAspectRatio="none" > 3<path d="M0 64 L32 64 S38 56 24 50 S6 60 0 50 Z" fill="black"></path> 4 </svg>
SVG
1 2<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 64 64" preserveAspectRatio="none" id="svg-bg"> 3<path d="M0 64 L64 64 L64 32 S60 30 56 22 S32 30 16 18 S4 30 0 28 Z" fill="#3eba90"></path> 4</svg>
下のSVG画像の上に、上のSVG画像を重ねて表示したいです。
イメージとしてはこんな感じに作りたいです
よろしくお願いします。
あなたの回答
tips
プレビュー