7
css3を使用したSVGドロップシャドウ
css3を使用してsvg要素にドロップシャドウを設定することは可能ですか? box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; フィルター効果を使用して影を作成することについていくつかの発言を見ました。CSSを単独で使用する例はありますか?以下は、cusorスタイルが正しく適用されているが、影の効果がない実際のコードです。最小限のコードでシャドウ効果を得るのを手伝ってください。 svg .shadow { cursor:crosshair; -moz-box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; box-shadow: -5px -5px 5px #888; } <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" viewBox="0 0 120 70"> <rect class="shadow" x="10" y="10" width="100" height="50" fill="#c66" /> </svg> …
379
html
css
svg
svg-filters