blob: 47058f256f63b68bdcf72e1514c1955bc7018288 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg">
<title>Reference for Filter Effects Module Level 1 feDropShadow</title>
<defs>
<filter id="dropShadow1">
<feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
<feOffset dx="2" dy="2" result="offsetblur"/>
<feFlood flood-color="green"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="dropShadow2">
<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
<feOffset dx="-2" dy="-5" result="offsetblur"/>
<feFlood flood-color="green"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="dropShadow3">
<feGaussianBlur in="SourceAlpha" stdDeviation="2 5"/>
<feOffset dx="5" dy="5" result="offsetblur"/>
<feFlood flood-color="green" flood-opacity="0.2"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="dropShadow4" color-interpolation-filters="sRGB">
<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
<feOffset dx="5" dy="5" result="offsetblur"/>
<feFlood flood-color="green"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="dropShadow5">
<feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
<feOffset dx="2" dy="2" result="offsetblur"/>
<feFlood flood-color="green"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceAlpha"/>
</feMerge>
</filter>
</defs>
<g fill="yellow" transform="translate(10,10)">
<circle cx="75" cy="75" r="70" filter="url(#dropShadow1)" />
<circle cx="250" cy="75" r="70" filter="url(#dropShadow2)" />
<circle cx="425" cy="75" r="70" filter="url(#dropShadow3)" />
<circle cx="600" cy="75" r="70" filter="url(#dropShadow4)" />
<circle cx="75" cy="250" r="70" filter="url(#dropShadow5)" />
</g>
</svg>
|