动画在页面加载之前触发

Question

我创建了一个使用animate.css动画元素的网站。 但问题是动画在页面加载之前触发。 我避免使用animate.css提供的延迟属性，因为页面可能需要不同的加载时间才能加载到不同的设备上。 请提出一些建议。

另外，如果有帮助，我正在为网站使用预加载器。

Answer 1

您可以显示全屏 gif animation（加载器）直到站点加载。 并使用js：

window.addEventListener('load', function () {
    document.getElementById('loader').hidden = true;
});