<!DOCTYPE html5>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="demo.css"/>
<link rel="stylesheet" type="text/css" href="../loaders.css"/>
<title>CSS加载loading动画库Loaders.css | jQuery特效|手机微信网站特效| 网页特效库</title>
<meta name="keywords" content="SVG特效, 手机微信网站特效, css3动画, html5特效, 网页特效" />
<meta name="description" content="网页特效库-专注于HTML5、CSS3、js、jQuery、手机移动端等网页特效的手机与分享。特效库始终坚持:无会员、无积分、无限制的“三无原则”,所有的资源都免费提供广大童鞋下载学习和使用。" />
<style>body{font-family: "microsoft yahei";}</style>
</head>
<body>
<main>
<header>
<div class="left">
<h1>Loaders.css<span>超全的css3加载动画库</span></h1>
</div>
</header>
<div class="loaders">
<div class="loader">
<div class="loader-inner ball-pulse">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-grid-pulse">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-clip-rotate">
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-clip-rotate-pulse">
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner square-spin">
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-clip-rotate-multiple">
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-pulse-rise">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-rotate">
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner cube-transition">
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-zig-zag">
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-zig-zag-deflect">
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-triangle-path">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-scale">
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner line-scale">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner line-scale-party">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-scale-multiple">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-pulse-sync">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-beat">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner line-scale-pulse-out">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner line-scale-pulse-out-rapid">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-scale-ripple">
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-scale-ripple-multiple">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-spin-fade-loader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner line-spin-fade-loader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner triangle-skew-spin">
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner pacman">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner semi-circle-spin">
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-grid-beat">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="loader">
<div class="loader-inner ball-scale-random">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</main>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('main').className += 'loaded';
});
</script>
</body>
没有合适的资源?快使用搜索试试~ 我知道了~
纯CSS3实现的29款超全页面加载loading动画库Loaders.css特效源码.zip
共42个文件
scss:36个
css:3个
js:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 25 浏览量
2022-10-31
23:58:40
上传
评论
收藏 32KB ZIP 举报
温馨提示
纯CSS3实现的29款超全页面加载loading动画库Loaders.css特效源码.zip
资源推荐
资源详情
资源评论
收起资源包目录
纯CSS3实现的29款超全页面加载loading动画库Loaders.css特效源码.zip (42个子文件)
132677715244967690
loaders.css 56KB
loaders.css.js 1KB
src
_mixins.scss 381B
animations
ball-pulse-sync.scss 608B
ball-zig-zag-deflect.scss 1KB
ball-zig-zag.scss 840B
ball-scale.scss 370B
ball-scale-ripple.scss 469B
line-scale-pulse-out-rapid.scss 627B
ball-pulse-round.scss 401B
ball-clip-rotate-pulse.scss 1KB
line-spin-fade-loader.scss 1KB
ball-spin-loader.scss 1KB
ball-pulse-rise.scss 1KB
ball-beat.scss 420B
ball-grid-pulse.scss 753B
triangle-skew-spin.scss 705B
ball-scale-ripple-multiple.scss 873B
line-scale.scss 545B
pacman.scss 2KB
ball-triangle-trace.scss 1KB
ball-grid-beat.scss 660B
line-scale-pulse-out.scss 645B
ball-rotate.scss 659B
ball-scale-random.scss 537B
ball-pulse.scss 632B
ball-clip-rotate-multiple.scss 877B
ball-clip-rotate.scss 542B
semi-circle-spin.scss 619B
square-spin.scss 576B
ball-spin-fade-loader.scss 1KB
cube-transition.scss 763B
line-scale-random.scss 687B
ball-scale-multiple.scss 801B
_variables.scss 138B
_functions.scss 102B
loaders.scss 1KB
demo
index.html 7KB
src
demo.scss 2KB
demo.jade 4KB
demo.css 2KB
loaders.min.css 38KB
共 42 条
- 1
资源评论
易小侠
- 粉丝: 6508
- 资源: 9万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功