其他代码
纯CSS3炫酷loading指示器动画特效
PetitQ
load-awesome 是一组神奇的纯 CSS3 loading 指示器动画特效。这组 loading 动画共有 53 种不同的效果。它使用简单，每一种 loading 效果都有单独的 CSS 文件相对应，使用时仅需引入几 K 大小的 CSS 文件即可。
使用方法
使用时你只需要引入你想要的 loading 效果的 CSS 文件，例如 ball-atom.css。
也想出现在这里？联系我们吧
<link rel="stylesheet" type="text/css" href="assets/ball-atom.css" />
HTML 结构
该 loading 指示器的 HTML 结构可以使用一个<div>作为包裹容器，并指定所需效果的 class，例如原子球效果的 class 为 la-ball-atom。
<div class="la-ball-atom">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
在下载包中的 animations 文件夹中有每一种效果对应的文件，可以在里面查找所需 Loading 效果的 HTML 结构。
CSS 样式
你可以修改 loading 指示器的颜色：
.la-ball-atom {
color: #79bbb5;
}
也可以修改 loading 指示器中子元素的颜色：
.la-ball-atom > div:nth-child(1) {
color: #f4696b;
}.la-ball-atom > div:nth-child(2) {
color: #87c4a3;
}.la-ball-atom > div:nth-child(3) {
color: #fec54f;
}
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
