簡單的CSS3動畫中的Webkit

Question

不工作建立在這裏網站：http://chooseavirb.com/strat/

出於某種原因的webkit - 鉻，野生動物園-animations不開火：

@-webkit-keyframes slideright{ 
0% {transform: translate(0px, 0px)} 
20% {transform: translate(00px,0px)} 
25% {transform: translate(150px, 0px)} 
45% {transform: translate(150px,0px)} 
50% {transform: translate(300px,0px)} 
70% {transform: translate(300px,0px)} 
75% {transform: translate(150px,0px)} 
95% {transform: translate(150px,0px)} 
100% {transform: translate(0px,0px)} 
} 

#SliderNine img 
{display: inline-block; 
animation: slideright 30s infinite; 
-moz-animation: slideright 30s infinite; 
-webkit-animation: slideright 30s infinite; 
-ms-animation: slideright 30s infinite;  
} 

任何人都可以用專業知識說WHI \這可能會發生？它在firefox上正常工作.-

Answer 1

請檢查以下鏈接。

http://css-tricks.com/snippets/css/keyframe-animation-syntax/

還可以使用相關變換的動畫特定的瀏覽器如下

例子： -

-webkit-transform: translate(0px, 0px); 

-o-transform: translate(0px, 0px); 

-moz-transform: translate(0px, 0px); 

可能在V創造魔術..！

這可能有助於爲例

http://www.w3schools.com/css3/css3_2dtransforms.asp