12种纯CSS3 Loader加载指示器动画特效

插件特效

2026-07-26 00:30 2 次浏览 • 0 次下载 3.3KB

插件描述：loaderskit是一款效果非常炫酷的纯CSS3 Loader加载指示器动画特效。该Loader加载指示器动画特效共12种效果，动画效果全部使用CSS3来完成，没有使用任何图片

loaderskit是一款效果非常炫酷的纯CSS3 Loader加载指示器动画特效。该Loader加载指示器动画特效共12种效果，动画效果全部使用CSS3来完成，没有使用任何图片。

在页面中引入loaderskit.css文件。

1	`<link` `rel="stylesheet"` `type="text/css"` `href="css/loaderskit.css">`

所有的Loader指示器的HTML结构均相同，使用一个<div>作为容器，里面再嵌套一个<div>元素。例如：

<div class="span">
  <div class="timer"></div>
</div>

class timer为指定Loader的动画类型，可用的类型有：