0

ここでサイトを構築する: http://chooseavirb.com/strat/

何らかの理由で webkit - chrome, safari -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;     
}

専門知識のある方は、\y これが起こっている理由を教えていただけますか? それはFirefoxでうまく動作します.-

4

1 に答える 1

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);

それはU..のための魔法を作成するかもしれません！

これは例として役立つかもしれません

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

于 2012-11-19T09:41:50.150 に答える