JSFiddle - React, Tailwind, and code Playground

by jimousse

HTML

<svg width="600px" height="300px" viewbox="0 0 600 300" xmlns="http://www.w3.org/2000/svg" version="1.1">
<title>A basic filter example</title>
   <defs>
      <filter id="my_filter" width="150%" height="150%" filterUnits="objectBoundingBox" x="-10%" y="-10%">
	 <feColorMatrix type="matrix" values="0.2 0 0 0 0, 0 0.2 0 0 0, 0 0 0.2 0 0, 0 0 0 1 0">
	 </feColorMatrix>
 </filter>
   </defs>
<rect x="25" y="50" width="120" height="120" fill="blue" stroke="red" filter="url(#my_filter)"/>
</svg>