在VUE实战项目的中有一个加载推荐书籍的过渡动画，在项目中是使用JS实现。 当时看视频大概一个小时作用，拆分动画逻辑，写代码更是耗时。后来自己想着能不能用CSS动画直接写出来，折腾了半天，终于算是实现了。 可以查看加载动画地址 /*首先是DOM结构，不能像js一样分左右两边，正面翻为反面还要改变z-index，按照同样的布局也尝试过，没有用CSS动画写出来，逻辑太复杂。 这是一个类似翻书一样的动画效果，想着结构分为一页一页，一页旋转180°，完成时再改变“这一页”的z-index。每个pag