css3loading加载图文实例

CSS3应用范围越来越广，特别是在如今谷歌浏览器逐步替代IE的情况下

今天特意给大家推荐一款css3 loading加载效果

当然，他并不是纯CSS3的，抱歉标题可能会有些歧义，但是偶尔的一点点的js也是可以忽略的啦

附件提供了28个不同的加载效果，你可以任选一种作为你的手机网页端部分模块的加载效果，而不需要考虑兼容性的问题

使用方法：

1，将头中的CSS样式以及JS引入到你的网页中

2，选择一个你喜欢的加载效果，复制其中的HTML到你的网页中即可

（注意的index.html底部的JS别漏掉了）

十七、效果十七

三个小球，纵向居中，间距撑开，依次改变小球的translateY的值即可。

@keyframes leap_ball {  50% {
        transform: translateY(60px);
      }} 

查看更多关于css3loading加载图文实例的详细内容...