svg drop shadow filter

by Amanda Williamson

HTML

<svg height="300" width="600" version = "1.1">
    <desc>
        Filter example
    </desc>
    <filter id = "drop-shadow">
        <feOffset result = "offOut" in = "SourceAlpha" dx = "0" dy = "-5"/>
        <feGaussianBlur result = "blurOut" in = "offOut" stdDeviation = "1 5"/>
        <feBlend in = "SourceGraphic" in2 = "blurOut" mode = "normal"/>
    </filter>
    <g stroke-width = "1" filter = "url(#drop-shadow)">
        <rect  x = "50" y = "100" height = "35px" width="500px" stroke = "yellow" fill = "green"/>
    </g>
</svg>

CSS

svg {
    border: solid 1px;
}