任务：CSS3预加载动画

前言

学习前端开发，需要勤奋练习方可成就！学大前端微信平台开始每次推送：前端知识每日一练版块！希望大家能够每天坚持按照要求练习，对于提升你的技术能力，速度肯定是惊人的；如果此版块阅读、点赞及分享比较不错将继续进行，如果不理想说明大家不喜欢，将撤下此版块。

说明

有几天没推送每日一练了，有很多粉丝通过后台留言给我，希望平台继续坚持下去，自己通过练习学到了非常多的知识，能力也提示了不少。

主要是：阅读量及点赞蛮少的，我准备案例也挺辛苦的，数据不理想就没动力继续下去了。

今日任务

制作CSS3预加载动画特效，效果图如下所示：

动态效果图

在手机预览效果，识别以下二维码：

img

在电脑预览效果，手动复制链接，粘贴浏览器地址栏打开：

三不要

不要直接抄我的源码

不要只看不动手操作

不要辜负我对你的期望

源码参考

我自己写的，不会写的时候可以参考下：