Question

你能指出我的CSS代码有什么问题吗？当我以1920 x 1080分辨率观看this page时，动画无法到达页面顶部。

非常感谢你。

Answer 1

你的CSS文件底部就是

@-webkit-keyframes bgobjects {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}

看起来你只是移动对象700px，这就是为什么他们没有到达顶部的原因。尝试增加（或者我应该说，减少）这个值更多，或者尝试百分比。如果它仍无效，请创建简化的JSFiddle，以便我们为您提供进一步的帮助。

请注意，您有两个类似的块，如上面的CSS - 您需要更改这两个块中的值（应该是相同的，除了-webkit前缀），因为它们将适用于不同的浏览器

CSS动画没有达到顶峰

1 个答案: