一、前言本文将使用纯CSS实现一个简单的3D书本展开动效。二、实现思路实现这么一个书本动效乍一看可能会感觉有些复杂,实际上并不难,遇到这种组合动效的需求时,我们只要将整体拆分成多个小步骤去做,就很简单了。1.拆分主体在实现动效前,我们需要先将书本画出来,画一个本子,我们可以先简单分成三个元素:封皮、书脊、正文2.CSS变量声明与使用本不打算加入这段,但考虑到有些没有用过的读者,还是简单讲一下。在现代CSS中,在不使用预处理器的情况下,我们也可以声明CSS变量,在当前场景下,我们可以直接将书本的主题色与大小设置为变量,这样我们可以轻松的修改整个书本的样式。变量声明CSS变量定义:带有前缀--的属