关键帧在Safari中未设置动画的Css3动画

我已经使用关键帧创建了类似于进度条的简单动画。似乎不适用于windows safari 5.1.7，也不适用于mac safari（无法提供版本）。这是我创作的小提琴。我已经挖了一段时间了，但找不到解决办法

谢谢

html:

---

在关键帧的末尾有额外的分号-应该是，例如

@-webkit-keyframes'photoshop' {
    from {
        width: 5px;
    }
    to {
        width: 77.5%;
    }
    /* no semicolon here */
}

更新小提琴

此外，在Safari 5上，您不能将

宽度设置为百分比值。如果使用
px
值而不是
%
则动画将正常工作

但是，可以通过缩放实现类似效果，这样就不需要关键帧中的实际值：

@-webkit-keyframes'html5' {
    from {
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(0,1);
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1,1);
    }
}

更新了小提琴（仅以第一根琴键为例）
哦，很抱歉。但这并不能解决问题。。。。仍然没有动画Safari@Kripton我做了一些挖掘-看起来
width
无法在Safari 5上显示百分比-请参阅更新的答案
@-webkit-keyframes'photoshop' {
    from {
        width: 5px;
    }
    to {
        width: 77.5%;
    }
    /* no semicolon here */
}

@-webkit-keyframes'html5' {
    from {
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(0,1);
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1,1);
    }
}