动画关键帧即使在-webkit中也无法在Safari中使用

Question

元素的“滚动/移动”动画在Chrome，Firefox，Opera和IE，但在Safari中效果很好。

这是CSS代码：

@-webkit-keyframes scroll{ 
    0% {
        opacity: 0.8;
        -webkit-transform: translateY(0px)
    } 
    60% {
        opacity: 0.6
    } 
    100% {
        opacity: 0;
        -webkit-transform: translateY(8px)
    }
}

谢谢。