Ошибка сафари в анимации CSS-непрозрачности?

Question

У меня есть простой анимации (только для 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) и ничего не увидел. Х1 исчез.

По виду запуска Eather пути добавления None-Поворота (непрозрачность & анимационных работ):

@-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, с которой я должен рассматривать разные?

Причина:

Я не возражаю, если вы не можете увидеть анимацию в не поддерживающих браузеров (это просто приятно добавить на), но было бы решаясь не знать, когда ваш анимированный элемент просто больше не появляется.

Как я могу использовать анимацию вообще как дополнение к ней, не беспокоясь?

Если кто-нибудь попросит скрипку: я попытался воссоздать ее. Но вот еще одна интересная вещь: тот же самый код не будет иметь никакого эффекта в старом Safari в jsfiddle. Он не оживляет и не исчезает.

Edit:

Я просто видеть, что h1 не исчезающий больше с исходным кодом (я не могу восстановить его), но не делает каких-либо анимации Eather. Он просто работает с одним из описанных триггеров.

JS-FIDDLE:

Here a working fiddle with the two examples.

Answer 1

У меня нет старой версии Safari удобных, но я помню, играя с анимацией в старых версиях и встречаюсь эти типы ошибок. Я работал вокруг них, помещая «конечное состояние» в селектор, например. p {opacity: 1}http://jsfiddle.net/pkFaT/