CSS 不透明度动画 Safari 错误？

我有一个简单的动画（本例中仅适用于 Safari）：

h1 {
    -webkit-animation: moveDown 1s ease-in-out;
}

@-webkit-keyframes moveDown {
    0% {-webkit-transform: translateY(-20px); opacity: 0;}
    100% {-webkit-transform: translateY(0px); opacity: 1;}
}

在最新的 Safari (5.1.5) 中它工作得很好。

但偶然我在旧版 Safari (5.0.6) 中查看了该示例，但什么也没看到。 h1 不见了。

通过添加非旋转来触发eather（不透明度和动画作品）：

@-webkit-keyframes moveDown {
    0% {-webkit-transform: translateY(-20px) rotate(0deg); opacity: 0;}
    100% {-webkit-transform: translateY(0px) rotate(0deg); opacity: 1;}
}

或者从 1% 开始（不透明度不起作用，但有动画）：

@-webkit-keyframes moveUp{
    1% {-webkit-transform: translateY(-20px); opacity: 0;}
    100% {-webkit-transform: translateY(0px); opacity: 1;}
}

它又起作用了。

现在这让我想到两个严重的问题：

1. 我在第一个例子中做错了什么吗？
2. 旧版 Safari 中是否存在已知错误，我应该以不同的方式对待？

Cause:

我不介意您是否在不支持的浏览器中看不到动画（这只是一个很好的附加功能），但如果您的动画元素不再显示，那就大胆地不知道。

我如何才能放心地使用一般动画作为附加组件？

如果有人要小提琴：我尝试重新创建它。但这里有另一个有趣的事情：完全相同的代码在 jsfiddle 中的旧 Safari 中不会产生任何效果。它也不会动画或消失。

Edit:罢工>

我只是看到 h1 不再用原始代码消失（我无法重建它），但也没有做任何动画。它仅适用于所描述的触发器之一。

我手边没有旧版本的 Safari，但我记得在旧版本中玩动画时遇到了这些类型的错误。我通过将“结束状态”放入选择器中来解决它们，例如p {opacity: 1} http://jsfiddle.net/pkFaT/ http://jsfiddle.net/pkFaT/