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

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

android - How to create dynamically Fragment pager adapter -

1111. appearing after print sequence - php -