It is required to have shadow effect on various elements of svg like path, rect, etc. I have tried this using filters that already given in svg , but that is not supported in all browser. So i want it to be done using css, as i have tried this but its not woking:
<html> <head> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <style type="text/css"><![CDATA[ rect { fill: red; stroke: blue; box-shadow: 6px 4px 10px 10px #888888; stroke-width: 3 } ]]></style> Any suggestions will be realy appreciable, Thanks in advance...:) </defs> <rect x="40" y="40" rx="25" ry="50" width="150" height="100"/> </svg> </body> </html> ------------------------------------ ----- To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/