Есть элемент, выполненный на SVG, нужно чтобы он отбрасывал тень наверх, как на изображение ниже:
Пробовал реализовать изображением и при помощи filter: drop-shadow()
- результат не тот..
<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 83 21">
<path fill="#FDAF18" fill-rule="nonzero" d="M83.84 0c-8.24-.05-2.51 5.97-17.2 8.62-8 1.44-3.67 5.57-14.45 5.57-12.56 0-12.4 4.65-21.66 4.65-8.95 0-13.36-7.35-20.12-8.48C2.99 9.13 0 12.9 0 13.75v7.96h83.84V0z"/>
</svg>
filter: drop-shadow()
? Можно примером дополнить?