Loaders 组件

具有互补配色方案的简单 dark mode 加载器组件。

预览

HTML 代码

<div class="flex items-center justify-center min-h-screen bg-gray-900">
  <div class="relative">
    <div class="h-24 w-24 rounded-full border-t-8 border-b-8 border-purple-500"></div>
    <div class="absolute top-0 left-0 h-24 w-24 rounded-full border-t-8 border-b-8 border-pink-500 animate-spin"></div>
  </div>
</div>

相关组件

电商秋暗装载机

用于电子商务应用程序的响应式加载程序组件，在深色背景上具有秋色，旨在减少眼睛疲劳。包括三个不同的加载器动画。

打开

Loaders 组件

一个复杂的、响应式的、用于电子商务的 Glassmorphism 风格的加载器组件，具有三元配色方案和深色模式支持，使用 HTML 和 Tailwind CSS。

打开

加载器组件

一个采用材料设计风格的加载器组件，具有响应效果和使用 Tailwind CSS 支持黑暗主题。

打开