Hi Pranjal,
My experience (albeit pretty shallow so far on the CSS side) is that cross browser support for the SVG effects being borrowed (with glee, but a bit higgledy-piggledy, in terms of semantic purity and party doctrine) into CSS is that you'll find better cross browser support for SVG than for the CSS versions. Many of the CSS versions have yet to become part of any recommended standard, I think. Something so simple as an SVG gradient, even, seems to require lots of switchy-thingies in order to work across browsers: see http://cs.sru.edu/~ddailey/Guangzhou/g0.htm (as compared with the simpler, and more scalable http://cs.sru.edu/~ddailey/Guangzhou/g1.svg ). I would expect filters, animations, replicates and the rest of the good things in SVG to be a few years away from cross-browser consistency. Perhaps the implementers working on these things will see it differently - if so I'd trust their perspective more than my own, as I've only dabbled a wee bit in the area. Cheers David From: [email protected] [mailto:[email protected]] On Behalf Of pranjal Sent: Thursday, June 14, 2012 9:52 AM To: [email protected] Subject: [svg-developers] How to apply shadow effect on svg elements using css? 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> [Non-text portions of this message have been removed] ------------------------------------ ----- To unsubscribe send a message to: [email protected] -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: [email protected] [email protected] <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
