WbbXGg

index.html

<svg viewBox="0 0 1230 44" preserveAspectRatio="xMidYMax slice" xmlns="http://www.w3.org/2000/svg">
  <path d="M0 0h1230v44h-1230z M-585 294a1200 290 0 1 1 0 0.0001 z" fill="#fff" fill-rule="evenodd" />
</svg>

<svg viewBox="0 0 1230 44" preserveAspectRatio="none slice" xmlns="http://www.w3.org/2000/svg">
  <path d="M0 0h1230v44h-1230z M-585 294a1200 290 0 1 1 0 0.0001 z" fill="#fff" fill-rule="evenodd" />
</svg>

<div class="test-svg"></div>

style.css

body {background: black}
svg {width: 100%; height: 40px; background: none;}

.test-svg {
	height: 44px;
  width: 100%;
  background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIzMCA0NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSBzbGljZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMCAwaDEyMzB2NDRoLTEyMzB6IE0tNTg1IDI5NGExMjAwIDI5MCAwIDEgMSAwIDAuMDAwMSB6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPg==') center bottom no-repeat;
    background-size: 100% 44px;
}

WbbXGg.markdown

WbbXGg

Forked from Captain Anonymous's Pen LEEOpG.

A Pen by Sviatoslav on CodePen.

License.