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：我在堆栈溢出中看到了其他非常类似的问题，但没有人回答。至少不能解决我的问题！谢谢。