那些遇到过的问题

小编Min*_*shi的帖子

球没有正确滚动CSS

我的动画效果非常好,但它似乎滑了,似乎没有滚动.可能是什么问题呢？

FIDDLE在这里:http://jsfiddle.net/erkoda3m/2/

img {
  height: 150px;
  width: 150px;
  animation: roll 4s linear infinite;
  -webkit-animation: roll 4s linear infinite;
}
@-webkit-keyframes roll {
  0% {
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateX(300px) rotate(360deg);
  }
  100% {
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes roll {
  0% {
    transform: translateX(0px) rotate(0deg);
  }
  50% {
    transform: translateX(300px) rotate(360deg);
  }
  100% {
    transform: translateX(0px) rotate(0deg);
  }
}
Run Code Online (Sandbox Code Playgroud) 
<img src="http://i.imgur.com/5NvOwB5.png">
Run Code Online (Sandbox Code Playgroud)

html css css3 css-animations

Min*_*shi
lucky-day
0
推荐指数
1
解决办法
91
查看次数

标签 统计

css ×1

css-animations ×1

css3 ×1

html ×1