动画转换：svg路径的translateX百分比不起作用

Question

我正在尝试使用css动画为svg路径对象设置动画。我的目标是将CSS属性transform: translateX(0%)设置为transform: translateX(50%)。请检查jsFiddle。

这里有两件事：

• 注意，SVG路径对象宽度是父SVG的2倍。
• 如果您将CSS中的百分比更改为px，则动画正在按预期运行。