CSS动画会导致网站滞后

时间:2018-12-11 13:14:25

标签: bootstrap-4 css-animations

在进行中的页面上,我们正在尝试在CSS中复制移动云的动画,并且正在使用bootstrap4。但是,该动画可以正常工作,但是当您向下滚动站点时会导致站点滞后。如果向上和向下滚动,则光标似乎“滞后于滚动条”,从第二个表格行开始。测试地点是:http://dev.thedesignfactory.ro/monster-fitness/html/

这是我们的一朵云的CSS:

xxx .cloud1 {
opacity: 0;
width: 190px;
height: 80px;
top: 80px;
animation: cloud_anim 20s infinite;
animation-timing-function: linear;
will-change: transform;
position: absolute;
z-index: 10;
}

我的共同开发人员指出,它不会滞后于他的测试设备和计算机,而只会滞后于我的,因此即使我们使用相同的浏览器,我也不确定是否存在任何不兼容性。我们尝试从以下站点复制动画:https://www.headspace.com/ 如您所见,云朵从左向右移动并且没有滞后,它们也可以通过CSS完成。

我们在这里一无所知,非常感谢您的帮助。

0 个答案:

没有答案