0

cssスライダーをSafariとChromeで動作させるために何をする必要があるか教えてもらえますか?

Firefox と Opera では問題なく動作しますが、IE ではまだテストしていません。

助けてくれてありがとう

ローレン

@keyframes slidy {
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}



figure { position: absolute; width: 500%;
margin: 0; top: 0; left: 0;
animation: 20s slidy ease-in-out infinite; }
4

2 に答える 2

1

iOS がアニメーションをサポートしていないわけではなく、WebKit のバグでした。彼らは 1 月にこの問題を解決し、Chrome の高速更新により現在 Chrome で動作しますが、モバイル版でもデスクトップ版でも Safari では動作しません。

于 2013-10-02T05:13:12.333 に答える
1

@Keyframes アニメーションを Webkit ベースのブラウザーで機能させるには、ベンダー固有のプレフィックス (この場合は@-webkit-keyframesと-webkit-animation.

特定のカスケード順序で、-moz常に-webkitそれらすべてを指定する必要があります。-o

詳細については、キーフレーム アニメーションの構文を参照してください。

于 2013-10-02T12:15:58.127 に答える