How to apply shadow effect on svg elements using css?
"pranjal" <[email protected]>
| Newsgroups | gmane.text.xml.svg.devel |
|---|---|
| Message-ID | <[email protected]> |
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: [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/