<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- <svg width="500px" height="500px" viewBox="0 0 100 100">
<path d="M0,0 L100,0 V100 H0 V0" fill="none" stroke="green" stroke-width="1"/>
<path d="M0 10 H100 M0 20 H100 M0 30 H100 M0 40 H100 M0 50 H100 M0 60 H100 M0 70 H100 M0 80 H100 M0 90 H100
M10 0 V100 M20 0 V100 M30 0 V100 M40 0 V100 M50 0 V100 M60 0 V100 M70 0 V100 M80 0 V100 M90 0 V100" stroke="green" stroke-width="0.3"/>
</svg> -->
<!-- <svg>
<defs>
<g id="shape">
<rect x="40" y="40" width="40" height="40"/>
<circle cx="40" cy="40" r="40"/>
</g>
<g id="aaa">
<circle cx="40" cy="40" r="40"/>
</g>
</defs>
<use xlink:href="#shape" x="40" y="40"/>
<use xlink:href="#aaa" x="160" y="40"/>
</svg> -->
<!-- <svg>
<defs>
<filter id="f1" x="0" y="0">
<feGaussianBlur stdDeviation="15"/>
</filter>
</defs>
<rect width="90" height="90" stroke="green" stroke-width="3" fill="yellow" filter="url(#f1)"/>
</svg> -->
<svg>
<defs>
<filter id="f1" x="0" y="0" width="200%" height="200%">
<feOffset result="offOut" in="SourceGraphic"dx="20" dy="20"/>
<feGaussian result="blurOut" in="offOut" stdDeviation="10"/>
<feBlend in="SourceGraphic" in2="blurOut" mode="normal"/>
</filter>
</defs>
<rect width="90" height="90" stroke="green" stroke-width="3"
fill="yellow" filter="url(#f1)"/>
</svg>
</body>
</html>