JSFiddle - React, Tailwind, and code Playground

by swarnendu

HTML

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 //EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" width="480" height="800" display="inherit"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">    
    <g display="none">        	    
        <animate attributeName="display" begin="0" dur="10" calcMode="discrete"  fill="remove" additive="sum" keyTimes="0;0.5;1" values="inherit;none;inherit" />
        <animate attributeName="display" begin="0" dur="10" calcMode="discrete" fill="remove" additive="sum" keyTimes="0;0.2;.8;1" values="inherit;none;inherit;none" />

		<rect x="70" y="112.5" width="100" height="75" fill="#FF0000"/>
        <rect x="70" y="112.5" width="70" height="45" fill="#00ff00"/>
    </g>
</svg>