JSFiddle - React, Tailwind, and code Playground

by chrismichaelscott

HTML

<svg height="400px" width="400px">
    <filter id="dropshadow" height="130%">
        <feGaussianBlur in="SourceAlpha" stdDeviation="1" />
        <feOffset dx="2" dy="2" />
        
        <feComponentTransfer>
            <feFuncA type="linear" slope="0.5" />
        </feComponentTransfer>
        
        <feMerge>
            <feMergeNode />
            <feMergeNode in="SourceGraphic" />
        </feMerge>
    </filter>
    <circle r="100" cx="120" cy="120" style="filter:url(#dropshadow); fill: red" />
</svg>