SVG 下拉陰影 1
SVG <feDropShadow>
<feDropShadow> 濾鏡用於為輸入的圖形建立下拉陰影效果。
這是 SVG 程式碼
示例
<svg height="110" width="110" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="f1">
<feDropShadow dx="12" dy="14" stdDeviation="1" flood-opacity="0.7"/>
</filter>
</defs>
<rect width="90" height="90" fill="yellow" filter="url(#f1)" />
</svg>
自己動手試一試 »
程式碼解釋
- 元素
<filter>的id屬性定義了濾鏡的唯一名稱。 - 下拉陰影效果由
<feDropShadow>元素定義。 dx屬性定義了下拉陰影的 x 軸偏移量。dy屬性定義了下拉陰影的 y 軸偏移量。stdDeviation屬性定義了下拉陰影的模糊量。flood-opacity屬性定義了下拉陰影的不透明度（從 0 到 1）。- <rect> 元素的
filter屬性將元素指向 "f1" 濾鏡。
