我创建了这个多层动画,它可以拍摄4张图像(“图层”)并将它们设置为“缩小”。它通常运行平稳,但偶尔在第3层开始时,第2层动画类型滞后。我不确定为什么/何时发生滞后 - 可能是由于GPU处理?
我有什么办法可以减少任何动画延迟吗?
如果有更好的方法来实现这种效果,我不会停止使用jQuery.animate - 欢迎使用其他建议。
jQuery动画的代码(4层中的1层):
setTimeout(function() {
$('#animation-layer-2').show().animate({
opacity: '0.9',
marginLeft: '-490px',
marginTop: '25px',
width: '950px'
}, { duration: 400, queue: false });
}, 500)
此外,在JS Fiddle示例中,图像为9-17kb,但我使用的实际图像为131-457kb。尽管如此,图像尺寸似乎并没有多大差别。