JSFiddle - React, Tailwind, and code Playground

by Serhii Matrunchyk

HTML

<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
  <defs>
    <filter id="consanguinity" width="200" height="200">
      <feOffset in="SourceGraphic" dx="0" dy="9" />
    </filter>
  </defs>

  <symbol id="myDot">
    <rect x="0" y="0" width="100" height="1" stroke="black" fill="none"/>
  </symbol>
  <use xlink:href="#myDot" x="0" y="0" />
  <use xlink:href="#myDot" x="0" y="0" filter="url(#consanguinity)" />
</svg>