问带有spritesheet的css动画
EN

Stack Overflow用户

提问于 2015-05-28 09:11:04

回答 1查看 29关注 0票数 0

我尝试遵循博客文章treehouse tutorial，并编写了几乎与教程所说的一样的代码，但我的动画无法启动或工作。我的小图片显示良好，它是一个490x110的精灵工作表。im使用的代码如下：

.ken {
  width: 70px;
  height: 110px;
  background: url('/imgs/ken-shoryuken.png') left center;
  animation: play 1.5s steps(7) infinite;
}
@keyframes play {
   100% { background-position:-490; }
}

它是通过一个简单的潜水定位的，它显示得很好，它只是因为某些原因动画不能工作，你有什么想法吗？

css

css-animations

回答 1

Stack Overflow用户

发布于 2015-05-28 09:26:52

你需要specify an absolute length unit, keyword or percentage for background-position

@keyframes play {
   100% { background-position:-490px; }
}

背景位置语法

background-position:顶部；
background-position: bottom;
background-position:左侧；
background-position: right;
background-position: center;
background-position: 25% 75%;
background-position: 0px 0px，居中；

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30495613

复制

相似问题

问带有spritesheet的css动画
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有spritesheet的css动画EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有spritesheet的css动画
EN