Safari игнорируя изменение непрозрачности в анимации CSS ⇐ CSS

[Anonymous]

Это всегда работало, но я недавно проверял веб -сайт на сафари iOS и заметил, что эффект CSS теперь не сработал, я думаю, после обновления. Подтвердил, что это также не работало на сафари на моем ноутбуке. Он работает, как и в Chrome и Firefox.
В основном анимация должна выполняться, затем непрозрачность: 0; , по сути, скрыть Div, когда его больше не нужно увидеть (это эффект загрузки). Safari. Заранее спасибо! < /P>

Код: Выделить всё

.pixel-load {
background: #f00;
display: block;
height: 400px;
width: 300px;
}

.pixel-load__preload {
background: #00f;
display: block;
height: 100%;
width: 100%;
}

.pixel-load.loaded .pixel-load__preload {
animation: loaded .32s .16s steps(1, end) both;
}

@keyframes loaded {
0% {
scale: 1.6;
}

33% {
scale: 1.2;
}

66% {
scale: 1;
}

100% {
opacity: 0;
scale: 1;
z-index: 1;
}
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -animation