Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> <svg height="200" width="200"> <defs> <filter id="filter" x="0" y="0" width="150%" height="150%"> <feOffset result="offOut" in="SourceGraphic" dx="25" dy="25" /> <feColorMatrix result="matrixOut" in="offOut" 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" /> <feGaussianBlur result="blurOut" in="matrixOut" stdDeviation="9" /> <feBlend in="SourceGraphic" in2="blurOut" mode="normal" /> </filter> </defs> <rect width="150" height="150" stroke="purple" stroke-width="5" fill="lightblue" filter="url(#filter)" /> Sorry, your browser doesn't support inline SVG. </svg> </body> </html>