使用CSS时间打点的Loading效果的教程

基于box-shadow实现的打点效果

理论上，box-shadow可以实现任意的图形效果，自然我们可以利用box-shadow生成我们的点效果，然后通过animation控制不同时间点点的数目就可以实现点点点... loading效果了~

您可以狠狠地点击这里：CSS3 animation box-shadow渐进实现打点动画demo

1. 渐进兼容
支持CSS3 animation动画的浏览器显示的就是打点动画效果；对于不支持的浏览器，IE7/IE8显示的是真实的字符..., IE9浏览器虽然也是CSS3生成，但是是静态的，没有动画效果；此乃渐进兼容。

2. 实现原理
首先HTML非常简单，就是一个标签一个类名（标签里面一定要空空如也），其他什么都不需要关心，就可以游刃几乎各种场景，如下：

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表