Html 带有‘；行程偏移量’；CSS动画在Firefox中不起作用

以下动画在Chrome和Opera中运行良好，但在Mozilla Firefox中不起作用。我不明白为什么

有人能帮我解决这个问题吗？我的CSS有什么问题

#文本徽标{
字体系列：“Shrikhand”，草书；
行程偏移：100%；
行程：100%；
-moz动画：向前画8秒，轻松进入；
-webkit动画：向前画8秒，轻松进入；
动画：向前画8秒，放松；
背景剪辑：文本；
}
@关键帧绘制{
100% {
笔划偏移：0；
}
}
@-webkit关键帧绘制{
100% {
笔划偏移：0；
}
}
@-moz关键帧绘制{
100% {
笔划偏移：0；
}
}

我是谁？

设置

笔划dashoffset:100%

看起来很整洁，但100%是什么？最重要的是：

如果使用百分比，则该值表示当前视口的百分比

百分比计算为

sqrt（（实际宽度）**2+（实际高度）**2））/sqrt（2）

的指定百分比

Firefox似乎没有实现这一点。设置

px

长度使其工作：

#文本徽标{
字体系列：“Shrikhand”，草书；
行程偏移量：1114px；
笔划阵列：1114px；
-moz动画：向前画8秒，轻松进入；
-webkit动画：向前画8秒，轻松进入；
动画：向前画8秒，放松；
背景剪辑：文本；
}
@关键帧绘制{
100% {
笔划偏移：0；
}
}
@-webkit关键帧绘制{
100% {
笔划偏移：0；
}
}
@-moz关键帧绘制{
100% {
笔划偏移：0；
}
}

我是谁？

在Firefox中，单位必须匹配，因此如果基数是百分比单位，则动画值也必须是百分比

没有-moz动画或-moz关键帧，任何带前缀的动画都应该放在未固定版本之前。我也在下面把它修好了

#文本徽标{
字体系列：“Shrikhand”，草书；
行程偏移：100%；
行程：100%；
-webkit动画：向前画8秒，轻松进入；
动画：向前画8秒，放松；
背景剪辑：文本；
}
@-webkit关键帧绘制{
100% {
行程偏移：0%；
}
@关键帧绘制{
100% {
行程偏移：0%；
}
}
}

我是谁？

Firefox确实实现了百分比的规范定义。我认为不再需要

webkit

前缀。