Javascript 加载页面时灰显divs/页面内容

我怎样才能获得类似youdemy加载页面的方式？ 正如您所看到的，divs/页面内容最初是灰色的，一旦页面 加载显示的内容

---

如何实现类似的效果？

这种类型的加载称为骨架加载效果。您必须遵循一些步骤来实现此效果

为项目创建骨架

将过渡和动画添加到骨架（占位符）

添加

js

加载脚本并加载多个骨架，直到加载完成

---

如果您需要澄清任何问题，可以按照本教程进行操作

使用SVG图像？到目前为止，您尝试了什么？实现这一点的可能性很多（灰色背景的空div、占位符图像等）。请尝试一下，带着你的代码和你的尝试回来，然后人们可以在你遇到困难的地方帮助你。但我们不能简单地免费开发您的整个解决方案。在加载udemy时，一旦您看到此情况，请取消加载。然后前往inspect选项卡，查看它指向的所有CSS属性