CSS: Animation: Content Placeholder

20th August 2020 at 2:19pm
CSS: Animation

Content placeholder 是指当页面在加载数据时,先给一个简单的内容加载动画,比如:

一般的做法有用 JS 的,有纯 CSS 动画,也有 SVG 的:

我觉得用 CSS 是比较好的做法。实现上就是 CSS animation。自己做难度也不大,但是不想花时间自己做。Bulma 中没有内含这种样式,可能社区有提供(这样在样式更一致)。Ant Design 提供了一个 骨架屏

Resources