jquery/css折叠动画效果
jquery/css folding animation effect
如何通过点击 child 来创建水平折叠 'div' 的效果（见下文）？
效果是通过使用 CSS 3D 相互折叠的两个平面实现的。 （透视和变换）
平面需要显示内容，但由于它们是两个独立的元素，我们需要获取原始内容并将 DOM 复制到折叠的两个平面中。
然后使用 CSS 过渡动画折叠变换。
你的折叠越多，你需要的平面就越多，里面的内容是重复的。
完整实施的示例是：http://felixniklas.com/paperfold/
如何通过点击 child 来创建水平折叠 'div' 的效果（见下文）？
效果是通过使用 CSS 3D 相互折叠的两个平面实现的。 （透视和变换）
平面需要显示内容，但由于它们是两个独立的元素，我们需要获取原始内容并将 DOM 复制到折叠的两个平面中。
然后使用 CSS 过渡动画折叠变换。
你的折叠越多，你需要的平面就越多，里面的内容是重复的。
完整实施的示例是：http://felixniklas.com/paperfold/