我有一個網站，我在其中淡入一組filter: drop-shadow應用了規則的 SVG 圖示。這在桌面上運行良好，但在 iOS 上，一旦影片完成，陰影就會被切斷。
例如，這是 html：
<div class="fade-in">
<svg class="shadow" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="50" fill="white"/>
</svg>
</div>
的CSS：
@keyframes fade-in {
from {
opacity: 0.0;
}
to {
opacity: 1.0;
}
}
.fade-in {
animation: fade-in 2s;
}
.shadow {
filter: drop-shadow(0 0.1rem 0.7rem black);
}
JS 斌：
uj5u.com熱心網友回復：
Safari 有多個與陰影和各種影片相關的錯誤。幸運的是，看起來這不是最糟糕的。向你的班級添加一個-webkit-transform: translateZ(0);屬性.fade-in對我來說是訣竅。
有關更多資訊：這篇文章與您的非常相似，并且包含幾乎相同的建議。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/440313.html
上一篇：隱藏滾動條但它仍然可以滾動