背景图片上的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动画不适用于镀铬

回答

相关问题