CSS 加载动画

标签 css css-animations

我正在构建一个网站,我想在其中实现 CSS 加载动画。

(比如这个:http://codepen.io/hone/pen/Hhjuk)

无论我选择使用什么动画,它都会持续播放,直到页面的其余部分加载。

如何让动画在加载后开始播放并继续播放直到页面的其余部分加载?

我对此进行了研究,但我只能找到有关如何使特定元素淡入和淡出直到页面加载的提示。

最佳答案

这是您可以使用的页面加载库。

<强> PACE JS

这提供了许多内置解决方案,但您可以自定义它。

Here is demo how i used it before

关于CSS 加载动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24422545/

相关文章:

javascript - 如何在单击按钮时将网页设置为灰度颜色模式

javascript - 动画之间有延迟的 CSS Newsticker(和其他问题)

javascript - 样式 float 表格标题

html - 使用 CSS 定位 2 个相关图像

css - Bootstrap 在更改视口(viewport)大小时不应用 css 样式

jquery - 背景上的图像坚持全屏 - 按钮坚持左侧

android - 在移动设备上禁用 css 动画

css - 在滑出动画上使不透明度为 0.5

javascript - CesiumJS 点和 CSS 关键帧动画