【发布时间】：2017-07-08 23:05:45
【问题描述】：
如何通过点击子级来创建水平折叠'div'的效果（见下文）？
【问题讨论】：
标签： javascript jquery css animation folding
【发布时间】：2017-07-08 23:05:45
【问题描述】：
效果是通过使用 CSS 3D 相互折叠的两个平面实现的。 （透视和变换）
平面需要显示内容，但由于它们是两个独立的元素，我们需要获取原始内容并将 DOM 复制到折叠的两个平面中。
然后使用 CSS 过渡来为折叠变换设置动画。
您拥有的折叠越多，您需要的平面越多，其中包含重复的内容。
完整实现的示例是：http://felixniklas.com/paperfold/
【讨论】：