当我在屏幕上移动一个立方体时,我按下一个箭头,并根据它是移动还是空闲显示两个不同的动画。当我按向右箭头时,我使用了一个非常基本的翻译来做到这一点。我有两种不同的动画状态,它们可以独立工作。两者都是1秒的动画。空闲动画将立方体旋转360度,右侧动画将立方体向上移动1个单位,然后向下移动到其原始位置。每件事都能很好地工作。我为动画添加了一个州的图像。Cube Animation States 为了让移动
使用css动画,我有一个对象从左边移动到屏幕的右边。然而,我注意到动画实际上是在退出屏幕右侧后继续进行的,这会导致Chrome水平滚动条出现。如果你向右滚动,它只显示动画对象不再移动和一个白色的背景屏幕。这里可以看到真正的动画。对象的CSS代码是 width: 1000px;
position: ab