资源分享:炫酷的css3动画加载框架Loaders
文章标签:
html 移动端
页面加载动画在web应用中必不可少,加载动画效果也各有千秋。在web页面ajax请求,单页面应用页面切换时好的加载动画会让浏览者赏心悦目忘记加载的耗费时间,一个性能好的页面,必须有loading预加载功能。以前在PC端大多使用动态图来完成加载动画,移动端也是如此,现在css3在移动端支持优秀,pc端也日趋完善,不妨试用CSS3实现Loading加载动画,虽然IE低版本还不支持CSS3。
今天就介绍一款优秀,效果良好的css动画加载框架Loaders.css
类型还是很多的效果也非常的不错,有喜欢的可以加入到自己网站。
使用方法也很简单:
引入loaders.min.css
创建元素然后增加动画class(例如
)在div中插入适量的元素
另一种使用方式
引入loaders.min.css,Jquery,loaders.css.js
创建元素然后增加动画class(例如
)loaders.js 是帮助你正确插入动画所需数量div的js
选择一个div然后初始化动画(例如:$('.loader-inner').loaders())
项目地址:
https://github.com/ConnorAtherton/loaders.css
相关文章推荐:资源分享:异常强大的预设css3动画库Animate
有些插件需要翻墙,可以给大家推荐一个chrome的插件云帆起航