頁面加載時的奇怪效果

Question

我正在使用wordpress主題並掃描了javascript文件，但無法弄清楚是什麼導致了這種情況。

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

請看：

http://homestudiocenter.com/homestudiocourse/

任何想法可能是什麼？

非常感謝！

Answer 1

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）。

Answer 2

我認爲它是由類home中的css引起的。當您移除並將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; 
    } 
}