JSFiddle - React, Tailwind, and code Playground

by migerh

HTML

<svg style="overflow: hidden; width: 302px; height: 302px;">
    <filter id="fil" width="300%" height="300%" filterUnits="userSpaceOnUse">
        <feOffset result="offOut" in="SourceAlpha" dx="5" dy="5" />
        <feColorMatrix result="matrixOut" in="offOut" type="matrix" values="0 0 0 0.5 0, 0 0 0 0.5 0, 0 0 0 0 0, 0 0 0 1 0" />
        <feGaussianBlur result="blurOut" in="matrixOut" stdDeviation="3" />
        <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
    </filter>
    <g>
    <ellipse id="point" stroke-width="2px" stroke="#ff0000" stroke-opacity="1" fill="#ff0000" fill-opacity="1" filter="url(#fil)" cx="91" cy="181" rx="4" ry="4" style="position: absolute;"></ellipse>
    </g>
</svg>