@keyframes（IE /クロームモバイル全てOK）

Question

私は、スクロールの写真のバナーを作成しようとしています。それはアンドロイドとiphoneでIE、Safari（モバイル）、およびクロムに取り組んでいます。デスクトップ上で動作していないか、クロムデバイスのデスクトップサイトをリクエストしても動作しません。私はこれを理解しようと数時間を過ごしましたが、それはまったく解決できません。 これは、何かが私のポストに間違っているので、もし私と一緒に負担してください質問をして、私の最初の時間です。あなた

#container { 
width: 100%; 
overflow: hidden; 
margin: 5px; 
background: white; 
} 

.photobanner { 
height: 350px; 
width: 3550px; 
margin-bottom: 10px; 
} 

.photobanner img { 
margin: 10px; 
max-height: 300px; 
margin-top: 30px; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    -ms-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
} 


     /*keyframe animations*/ 
.first { 
-webkit-animation: bannermove 30s linear infinite; 
     animation: bannermove 30s linear infinite; 
} 

@keyframes "bannermove" { 
0% { 
margin-left: 0px; 
} 
100% { 
margin-left: -2125px; 
} 

} 


@-webkit-keyframes "bannermove" { 
0% { 
    margin-left: 0px; 
} 
100% { 
    margin-left: -2125px; 
} 

} 


    /* Landscape phones and down */ 
@media (max-width: 750px) {#container { 
    width: 100%; 
    overflow: hidden; 
    margin: 5px 5px; 
    background: white; 
} 
.photobanner { 
height: 160px; 
width: 3550px; 
margin-bottom: 5px; 
    } 

.photobanner img { 
margin: 5px; 
max-height: 150px; 
margin-top: 5px; 
    } 
} 

Answer 1

をありがとう、私はこの答えは遅すぎる来ていない願っていますが、私はちょうどあなたに似た問題を修正しましたので、私は私の解決策を共有するだろうと思いました。

1. 一般的なアニメーションルールは、ブラウザ固有のルールの後に置いてください。この回答（css3 animation not working in chrome）を参照してください。
2. あなたは「お忍び」タブでWebサイトを開くために必要があるかもしれません！スタイルシートの変更は、ブラウザのCookieによってすぐには更新されないことがあります。