主要为大家介绍了CSS3实现swap动画，实现一个交换动画，一个笑脸慢慢从远处，回到自己的原来位置的一种效果，这种动画在JS里面也是很多见的，感兴趣的小伙伴们可以参考一下

直奔主题： 首先得将HTML结构设计好,一个固定的窗口,然后一个带有黑色背景的笑脸 XML/HTML Code复制内容到剪贴板 :smiling_face:     笑脸居中我们用最新的布局flex来实现,这个也是很好用的属性.之前文章中已经有flex的相关教程,大家不懂的可以看看. CSS Code复制内容到剪贴板 div{    width: 200px;    height: 200px;    color: #fff;    border: