CSS "fill-mode:forwards"在 Safari 中不工作

Question

由于某些奇怪的原因，-webkit-animation-fill-mode: forwards; 在 safari 中不起作用。我不确定为什么，因为它适用于所有其他浏览器。这是代码:

.fade {
        opacity: 0;
       -webkit-animation: fadein 2s;
       -moz-animation:fadein 2s;
       -ms-animation: fadein 2s;

        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;

        -webkit-animation-delay: .9s;
        -moz-animation-delay: .9s;
        -ms-animation-delay: .9s;

        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

您可以看到发生这种情况的网站是 http://uiuxpert.com

有什么想法吗？在我看来一切都是正确的。

Answer 1

一切正常。 我只需要清除缓存并进行硬刷新。出于某种原因，它花了一段时间......今天互联网不稳定。 :)