沒有看懂@-webkit-keyframes person-slow {}里位置是怎么變化的
原圖是橫著一排人拼成的一個大圖 ? 從0% 到100%我沒有看懂圖片的位置是如何切換的 初始 -0px -291px 具體在什么位置 從0%到25% 怎么就變成-602px了呢 這又是怎么移動的，完全不明白，希望真懂的 可以解釋下 謝謝了
dou1235
2016-03-08
2 回答
舉報
0/150
提交
取消
2016-08-27
你把boy那張大圖打開看一下就明白了，就是有boy各種姿勢的圖片，這里用到了第一排第5張圖片和第二排的前三張圖片，第一個動作是右腿向上，所以是第一排第5張圖片，x坐標是-602px，y坐標-0px，第二個動作是左腿跟上，用的是第二排第3張圖片，x坐標-302px，y坐標-291px，第三個動作是左腿向上邁，用的是第二排第2張圖片，x坐標-151px，y坐標-291px，最后一個動作是回到初始圖片，也就是第二排第1張圖片，x坐標0px，y坐標-291px，明白了嗎
2016-03-08
原理就像是flash的關鍵幀