你能指出我的CSS代码有什么问题吗?当我以1920 x 1080分辨率观看this page时,动画无法到达页面顶部。
非常感谢你。
答案 0 :(得分: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前缀),因为它们将适用于不同的浏览器