背景圖片上的Css動畫不適用於鍍鉻

請說明鍍鉻的過渡/動畫屬性不同嗎？還是我做錯了什麼？背景圖片上的Css動畫不適用於鍍鉻

@-webkit-keyframes water 
{ 0% {background-position: 0 0;} 
100% {background-position: 100000% 0;} 
} 
@keyframes water { 
0% {background-position: 0 0;} 
100% {background-position: 100000% 0;} 
}

解決：http://jsfiddle.net/aradhayaKansal/7cgkj/3/！由於外來先生

來源

2014-01-09 Sunny

除了Mr.Alien的修復，你的'線性gradient'語法是可怕的過時：http://jsfiddle.net/ 7cgkj/2/ – Passerby

您忘記-webkit-animation: water 5000s linear infinite;以及-webkit-animation: flow 5000s linear infinite;爲webkit靜止，Chrome需要他們，你可以檢查出this

enter image description here

Demo

#waterfall { 
    /* Other properties */ 
    -webkit-animation: flow 5000s linear infinite; /* <--- Here */ 
    animation: flow 3s forwards linear normal; 
}

而且

#water { 
    /* Other properties */ 
    -webkit-animation: water 5000s linear infinite; /* <---- here */ 
    animation: water 5000s linear infinite; 
}

注：只要確保你使用-moz-，以及...

來源

2014-01-09 10:22:52

謝謝隊友。解決了！ :) – Sunny

@Sunny你歡迎:) –

背景圖片上的Css動畫不適用於鍍鉻

回答

相關問題