| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > |
| <style type="text/css" > |
| <![CDATA[ |
| circle { |
| stroke: blue; |
| stroke-width: 5; |
| fill: yellow; |
| } |
| ]]> |
| </style> |
| <defs> |
| <filter id="drop-shadow-1"> |
| <feDropShadow flood-color="green"/> |
| </filter> |
| <filter id="drop-shadow-2"> |
| <feDropShadow stdDeviation="0" dx="0" dy="0" flood-color="green"/> |
| </filter> |
| <filter id="drop-shadow-3"> |
| <feDropShadow stdDeviation="0 10" dx="5" dy="5" flood-color="green"/> |
| </filter> |
| <filter id="drop-shadow-4"> |
| <feDropShadow stdDeviation="10 0" dx="5" dy="5" flood-color="green"/> |
| </filter> |
| <filter id="drop-shadow-5"> |
| <feDropShadow stdDeviation="10" dx="5" dy="5" flood-color="green"/> |
| </filter> |
| <filter id="drop-shadow-6"> |
| <feDropShadow stdDeviation="10" dx="-5" dy="-5" flood-color="green"/> |
| </filter> |
| <filter id="drop-shadow-7"> |
| <feDropShadow stdDeviation="128" dx="0" dy="0" flood-color="green"/> |
| </filter> |
| <filter id="drop-shadow-8"> |
| <feDropShadow stdDeviation="10" dx="5" dy="5" flood-opacity="0.5" flood-color="green"/> |
| </filter> |
| </defs> |
| <circle cx="75" cy="75" r="70" filter="url(#drop-shadow-1)" /> |
| <circle cx="250" cy="75" r="70" filter="url(#drop-shadow-2)" /> |
| <circle cx="425" cy="75" r="70" filter="url(#drop-shadow-3)" /> |
| <circle cx="600" cy="75" r="70" filter="url(#drop-shadow-4)" /> |
| <circle cx="75" cy="250" r="70" filter="url(#drop-shadow-5)" /> |
| <circle cx="250" cy="250" r="70" filter="url(#drop-shadow-6)" /> |
| <circle cx="425" cy="250" r="70" filter="url(#drop-shadow-7)" /> |
| <circle cx="600" cy="250" r="70" filter="url(#drop-shadow-8)" /> |
| </svg> |