如何使用 CSS 创建 Wave Loader？

Wave Loader 可以在网站加载某些内容时使用，它将提供更好的用户体验，可以使用 HTML 和 CSS 轻松创建 wave loader。

HTML 代码：在本节中，我们将创建一个基本的div标签，其中包含各种span 标签。

CSS 代码：在本节中，我们将首先使用一些基本的 CSS 属性设计 span元素，然后我们将使用 nth-child() Selector选择每个 span 元素，即第 n 个子元素，然后我们将使用@ 创建加载动画关键帧规则。

最终代码：是以上两个代码段的组合。

输出：