为了账号安全,请及时绑定邮箱和手机立即绑定

精灵动画实现中的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;
        }
    }

正在回答

1 回答

作者采用了“雪碧图”(将很多小图片放在一张大图中),通过移动position的x,y值来调整对应小图的位置

图片是由设计给出的,我们现在只需把图片连贯起来;也就上上面的代码移动大图背景坐标,展现小图

0 回复 有任何疑惑可以回复我~
#1

MaxTan 提问者

非常感谢!
2016-08-09 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

精灵动画实现中的background-position像素是如何计算的?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信