對頁面加載的怪異影響

Question

我使用的是wordpress主題，並已掃描了javascript文件，但無法確定是什么原因造成的。

頁面加載時會出現這種奇怪的縮放效果，然后一切恢復正常。 在大多數瀏覽器中都會發生，但有時在Safari中不會發生。

看一看：

http://homestudiocenter.com/homestudiocourse/

任何想法可能是什么？

非常感謝！

Answer 1

我認為它是造成類中的CSS home 。 當您刪除，並添加縮放效果恰好home的CSS身體。

定義是

.home {
    background-image: url('images/mac.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 730px;
    animation: animatedBackground 1s ease-in-out;
    -ms-animation: animatedBackground 1s ease-in-out;
    -moz-animation: animatedBackground 1s ease-in-out;
    -webkit-animation: animatedBackground 1s ease-in-out;
}

animatedBackground的定義是

@keyframes animatedBackground {
    from {
        background-position: center 550px;
    }
    to {
        background-position: center bottom;
    }
}

Answer 2

body * { animation-duration: 0.001s; animation-name: insQ_101; -webkit-animation-duration: 0.001s; -webkit-animation-name: insQ_101; }

該webkit動畫是其來源。 這說明了為什么它會放大Safari和Chrome（Webkit）而不是FFox（非Webkit）。