精靈動畫實現(xiàn)中的background-position像素是如何計算的？
@-webkit-keyframes person-slow {
??????? 0% {
??????????? background-position: -0px -291px;
??????? }
??????? 25% {
??????????? background-position: -602px -0px;
??????? }
??????? 50% {
??????????? background-position: -302px -291px;
??????? }
??????? 75% {
??????????? background-position: -151px -291px;
??????? }
??????? 100% {
??????????? background-position: -0px -291px;
??????? }
??? }
2016-08-03
作者采用了“雪碧圖”（將很多小圖片放在一張大圖中），通過移動position的x，y值來調整對應小圖的位置
圖片是由設計給出的，我們現(xiàn)在只需把圖片連貫起來；也就上上面的代碼移動大圖背景坐標，展現(xiàn)小圖