要开始回答这个问题,我们首先需要创建一个“加载器”。任何通知用户或访问者页面正在加载并且需要几秒钟才能完成加载的动画都称为加载器。,大多数情况下,当网站检索结果的时间过长时,加载器就会派上用场。如果某个特定网站没有 CSS 加载器,用户会认为它在加载过程中根本没有响应。,因此,向网页添加 CSS 加载器会导致用户分心或等待一段时间才能正确加载页面。一个简单的动画不会给人留下网站没有响应的印象,而是表明网站仍在检索结果并且网页将在几秒钟内准备就绪。,您可以使用 CSS 添加样式、动画或任何其他形式的样式来创建加载程序。,我们现在将使用 CSS 创建互联网上最常见的加载程序形式。,登录后复制,这是另一种形式的在水平轴上动画的加载程序。,登录后复制,现在我们知道了如何在 CSS 中制作加载器,现在我们将继续讨论如何在刚刚创建的加载器中添加徽标。,让我们首先尝试理解为什么我们可能需要在加载器内添加徽标。徽标是品牌的标记和身份,品牌为用户体验增添了个人风格。如今,所有网站都使用个性化加载程序,每当用户登陆其网站时,都会对其品牌产生积极影响。,我们将遵循创建嵌入徽标的加载程序的算法如下 –