画像がアニメーションの半分に達した後にニワトリに追加したいtransform : rotateY(180deg)
...そうでなければ...半分のアニメーションの後、アニメーションの最後に振り返るニワトリの簡単な散歩を作成したい...再び向きを変えてループします。(まるで考えている人のように、彼らは歩き回ります)
誰でも私を助けることができますか?これが私のサンプルコードです: http://jsfiddle.net/a7eCn/4/
画像がアニメーションの半分に達した後にニワトリに追加したいtransform : rotateY(180deg)
...そうでなければ...半分のアニメーションの後、アニメーションの最後に振り返るニワトリの簡単な散歩を作成したい...再び向きを変えてループします。(まるで考えている人のように、彼らは歩き回ります)
誰でも私を助けることができますか?これが私のサンプルコードです: http://jsfiddle.net/a7eCn/4/
接頭辞と一定の変換を含めるのを忘れただけだと思います(したがって、常に回転するとは限りません)。これが私のコピーです-http ://jsfiddle.net/a7eCn/5/
@keyframes left-right {
0% {left:140px; transform:rotateY(0);}
50% {left:110px; transform:rotateY(0);}
51% {transform:rotateY(180deg);}
100% {left:140px; transform:rotateY(180deg);}
}
プレフィックスについてまったく心配する必要がないように、プレフィックスを無料で使用することを検討してください。