<!DOCTYPE html>
<
html
>
<
body
>
<
svg
width
=
"200"
height
=
"200"
>
<
filter
id
=
"feOffset"
x
=
"-40"
y
=
"-20"
width
=
"100"
height
=
"200"
>
<
feOffset
in
=
"blur"
dx
=
"4"
dy
=
"4"
result
=
"offsetBlur"
/>
<
feGaussianBlur
in
=
"SourceGraphic"
stdDeviation
=
"5"
result
=
"blur2"
/>
<
feMerge
>
<
feMergeNode
in
=
"offsetBlur"
/>
<
feMergeNode
in
=
"litPaint"
/>
</
feMerge
>
</
filter
>
<
rect
x
=
"40"
y
=
"40"
width
=
"100"
height
=
"100"
style="stroke: #000000; fill: lightgreen;
filter: url(#feOffset);" />
<
rect
x
=
"40"
y
=
"40"
width
=
"100"
height
=
"100"
style
=
"stroke: #000000; fill: green;"
/>
<
g
fill
=
"#FFFFFF"
stroke
=
"black"
font-size
=
"10"
font-family
=
"Verdana"
>
<
text
x
=
"50"
y
=
"90"
>GeeksForGeeks</
text
>
</
svg
>
</
body
>
</
html
>