0
我在illustrator中創建了一個路徑，然後使用一些CSS來創建動畫。 svg動畫在Chrome和Firefox中運行得很好，但是在safari中出現一個奇怪的原因，它的動畫倒退了！該網站是http://www.rw.limdez.eu，位於該網站的頂部橫幅。點擊鏈接即可看到它！你只能在桌面上看到這個，因爲移動版會將你重定向到手機版的頁面！這是我使用的CSS：SVG動畫在Safari瀏覽器中向後動畫
.smallline
{
stroke-dasharray:692;
stroke-dashoffset:-692;
animation-delay: 1s!important;
animation: draw-smallline 8s 1 forwards;
}
@-webkit-keyframes draw-smallline
{
0%{
stroke-dashoffset: -692;
}
100%
{
stroke-dashoffset:0;
}
}
注1：我也嘗試過不@-webkit-，但我有同樣的結果！注2：我在堆棧溢出中看到了其他非常類似的問題，但沒有人回答。至少不能解決我的問題！謝謝。