html - SVG: Drop Shadow Colour / Inset Shadow with Colour -


i know how change shadow colour specified rgb or hex value on svg shape.

and how convert inset shadow , drop shadow similar css3 box shadow function.

http://jsfiddle.net/zerolfc/1jb3jdpc/

<svg width="200" height="200" style="overflow: visible"> <defs> <filter id="boxshadow"> <feoffset result="offout" in="sourcegraphic" dx="20" dy="20" /> <fegaussianblur result="blurout" in="offout" stddeviation="50" /> <feblend in="sourcegraphic" in2="blurout" mode="normal" /> </filter> </defs> <polygon filter="url(#boxshadow)" style="fill:yellow;stroke:blue;stroke-width:8" points="32,0 160,0 192,101 160,202 32,202 0,101" /> </svg> 


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -