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