如何將2個動畫添加到1個關鍵幀

Question

我想在圖像達到動畫的一半後將transform : rotateY(180deg)添加到雞肉中......所以在其他情況下...我想創建一個簡單的走動，在半動畫之後和動畫結束之後......它會再次轉身並循環。 （就像一個正在思考的人，所以他們會四處走走）

任何人都可以幫助我嗎？ 這裏是我的示例代碼：http://jsfiddle.net/a7eCn/4/

Answer 1

我想你只是忘了包含前綴和常量轉換（所以它不總是在旋轉）。這裏是我的前綴的副本 - 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);} 
} 

也許考慮使用prefix free，所以你不必擔心前綴的。