纯CSS，各种 Loading 动画，在线预览HTML/Vue

HTML

CSS

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

<h1>纯CSS，不一样的加载动画</h1>
<div class="sep"></div>
<div class="container">
  <div class="loader loader1"></div>
  <div class="loader loader2"></div>
  <div class="loader loader3"></div>
  <div class="loader loader4"></div>
  <div class="loader loader5"></div>
  <div class="loader loader6"></div>
  <div class="loader loader7"></div>
  <div class="loader loader8"></div>
  <div class="loader loader9"></div>
  <div class="loader loader10"></div>
</div>

</body>

预览

控制台