分享16款纯CSS3实现的loading加载动画。这是一款实用的可替代GIF格式图片的CSS3加载动画代码。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…Loading…
登录后复制
css代码:
body { background: #f3f6f9; font-family: sans-serif; font-weight: 100; font-size: 14px; margin: 0; padding: 20px; } .grid { overflow: hidden; } .cell { float: left; width: 25%; box-sizing: border-box; padding: 20px; display: table; } .card { background: white; border: 1px solid #c3c6cf; border-radius: 15px; display: table-cell; text-align: center; vertical-align: middle; height: 200px; }
登录后复制
via:http://www.w2bc.com/Article/42264