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>
</defs>
<rect x="40" y="40" rx="25" ry="50" width="150" height="100"/>
</svg>
</body>
</html>
Any suggestions will be realy appreciable,
Thanks in advance...:)