CSS3加载动画图标样式与实现

CSS3 的加载图标样式，真的是前端开发里蛮常用的小技巧。用@keyframes搞个旋转动画，配合transform属性，纯 CSS 就能撸出一个还挺顺滑的 loading 效果。简单来说，就是定义个旋转 360 度的动画，让小圆圈一直转，代码也清爽。想搞点不一样的？改改动画节奏，加点渐变或者阴影，瞬间高级感拉满。嗯，性能方面要注意，别一不小心动画开太多，浏览器吃不消。老浏览器？备个图片 fallback 比较保险。想快点上手的话，下面这个小 demo 可以参考下：