大家好，今天来用动画完成一个loading的效果。目前我的页面非常简单，就是一些基本的标签。
·先来写三个盒子，就叫circle元宝，有三个。
·下来写sense，首先就是让它去居中，让me这块写错了，m p l，让命里边的div去横向排列，给它一个间隙，来个二十。
·最后就是给soccer写一下它的样式，water radius，百分之五十宽高，来个一百。先给一个定颜色，sky blue s k u i。
·先来去浏览看一下样式，目前是这样的，这一百好像有点大，可以给个五十。目前是这样的。
·然后来写动画，i k，名字就叫木移动，百分之零的时候，百分之五十的时候，在百分之百的时候分成这三个状态。先让它上下去动，上下去动可以用transform位移，transform translate，歪轴方向，刚开始是零，零p x，当它百分之五十的时候让它向上移动五十个像素，就是动画在零到百分之五十这个时间点，让它去从零移动到向上移动五十像素，位移五十像素，然后让它再回去。
·先来看一下它的效果，我还没有用动画，不好意思，名字就是目动画，时间给它一秒，然后让它这样，再来看一下，它现在已经跳起来了，有一点时间差，可以这样，用伪元素n t h，亲爱的，就是它第一个，每个给它的延迟时间不一样，所以这里要给它每这三个chat，要设置一个动画的延迟时间animation，这个延迟就这个东西，延迟零点一秒，然后给它来个零点二，每个延迟个零点一秒。
·先来看一下效果，已经跳起来了，没什么问题，然后就是它会随着跳动放大缩小，并且颜色会改变，还是相同的道理，就是在动画的时候放大缩小很简单，放大缩小有一个scary属性，零的时候应该是一，就是不放大不缩小，当它在动画时间点的一半的时候，让它变成零点四，就来个点四，到百分之百动画直线完成再让它变成一，这个就应该是可以了，放大缩小的效果也有了。
·其次就是颜色的渐变，也很简单，也就是还是在这，同样的道理还是在这去写颜色，当零的时候颜色就是死a blue的，再来再去看一下颜色的变化，零的时候好像是个紫色的，那就给它来个紫色，当它到中间的时候给它一个sky blue，再最后再让它回到紫色，再来看一下，目前效果就有了，紫色好像有点深，还是有点不好看，有点强迫症，必须把颜色加上去，再来看一下，可以了，就是有点大，大小也就三十，没什么问题，这个是已经实现了，谢谢大家。