stroke-dashoffset在IOS chrome，safari中不起作用

Question

我有关于破折号动画的关键帧

@-webkit-keyframes dash {
to {
    stroke-dashoffset: 800;
}
0% {
    width: 0%;
}
100% {
    width: 50%;
}
}

它在桌面chrome，firefox中运行良好，但在IOS safari和chrome中无法正常工作。任何人都可以建议我做错了什么？ ，以及如何在IE中做同样的事情。

codepen link http://codepen.io/nitish1402/pen/jqJwZa