CSS關鍵幀動畫在本地工作，但不在我的網站上

Question

我在Wordpress安裝中使用了以下代碼，它不能在我的實時網站上工作，但在mamp本地運行良好。所有資產都在瀏覽器中正常顯示。這只是不工作。我希望有人知道我的代碼可能有什麼問題。

有什麼可以干擾CSS關鍵幀動畫？

@keyframes animatedBackground { 
    from { background-position: -405 0; }/*1048+ - Default Styles*/ 
    to { background-position: 1090 0; }/*1048+ - Default Styles*/ 
} 
@-webkit-keyframes animatedBackground /* Safari and Chrome */ 
{ 
    from { background-position: -405 0; }/*1048+ - Default Styles*/ 
    to { background-position: 1090 0; }/*1048+ - Default Styles*/ 
} 
.animation { 
    -webkit-animation-name: animatedBackground; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-direction: normal; 
    -webkit-animation-duration: 12s; 
    -webkit-animation-play-state: running; 
    animation-name: animatedBackground; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-direction: normal; 
    animation-duration: 12s; 
    animation-play-state: running; 
} 

Answer 1

PX在後臺位置缺少

@keyframes animatedBackground { 
    from { background-position: -405px 0; }/*1048+ - Default Styles*/ 
    to { background-position: 1090px 0; }/*1048+ - Default Styles*/ 
} 
@-webkit-keyframes animatedBackground /* Safari and Chrome */ 
{ 
    from { background-position: -405px 0; }/*1048+ - Default Styles*/ 
    to { background-position: 1090px 0; }/*1048+ - Default Styles*/ 
} 

希望你在Chrome的測試頁面。