請檢查圖片
我正在用css的過濾器來應用陰影
.bulb-glass-active {
填充。#d3a226 !important;
過濾器：陰影（0px 0px 25px #ffb800）。
}
這是路徑代碼
<path
class="bulb-glass"。
style="fill: #212225"
d="M394.278,138.286C394.278,61.911,332.363,0,255.988,0S117.702,61.911,117.702,138.286
c0,31.58,10.607,60.671,28.421,83.951h-0.024c23.22,31.214,61.983,84.477,61.983,145.196h47.905h47.909
c0-60.719,38.763-113.978,61.983-145.196h-0.028C383.671,198.957,394.278,169.865,394.278,138.286z"
/>
我怎樣才能解決這個問題？
uj5u.com熱心網友回復：
會有不同的選擇。這里我使用transform="translate(0 50)"來移動y軸上的路徑。我還在<svg>上設定了viewbox來控制SVG的內部尺寸。
span class="hljs-selector-class">.bulb-glass-active {
填充。#d3a226 ！ important;
filter: drop-shadow(0px 0px 25px #ffb800) 。
}< svg viewbox="0 0 500 500" width="300">
< rect x="0" y="0" width="500" height="500" fill="black"/>
< path transform="translate(0 50)" class="bulb-glass bulb-glass-active" style="fill: #212225"
d="M394.278,138.286C394.278,61.911,332.363,0,255.988,0S117.702,61.911,117.702,138.286
c0,31.58,10.607,60.671,28.421,83.951h-0.024c23.22,31.214,61.983,84.477,61.983,145.196h47.905h47.909
c0-60.719,38.763-113.978,61.983-145.196h-0.028C383.671,198.957,394.278,169.865,394.278,138.286z"/>
</svg>/span>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/320124.html
標籤：