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

插件特效
2026-07-26 00:30 3 次浏览 • 0 次下载 3.3KB
12种纯CSS3 Loader加载指示器动画特效

loaderskit说明

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

使用方法

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

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

HTML结构

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

1
2
3
<div class="span">
<div class="timer"></div>
</div>

class timer为指定Loader的动画类型,可用的类型有:

  • timer

  • typing

  • location indicator

  • dashboard

  • battery

  • magnifier

  • help

  • cloud

  • eye

  • coffee cup

  • square

  • circle


星河码客

发现和分享优质开源项目,传承互联网精神,为开发者服务。

关于本站

关于我们

隐私政策

侵权投诉

站长:IT小君

粤ICP备20043561号

2016-2046 © 星河码客

联系我们

微信/广告合作:ITcloub (备注星河码客)

免责声明:本站资源版权归原作者所有,仅供学习与交流。如有侵权,请通过「关于我们 - 侵权投诉」联系删除。

Powered by Nuxt · Deployed on Cloudflare