动画在页面加载前触发

问题描述

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

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

解决方法

您可以在网站加载之前显示全屏 gif 动画（加载程序）。并使用js：

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