Question

我想实现类似的事情（页面翻转），并想知道turn.js如何创建它的效果。它使用css转换：平移和旋转来创建效果。我正在检查检查员，有两个旋转包装器（如answer所示）但旋转

外包装正数，如rotation(30deg)和

内包装负旋转，具有相同的角度rotation(-30deg)（如果拖动左下角）。

我尝试在测试页面中使用相同的东西（仅旋转），但唯一可行的是移除角落，并且当角度为45时，它不会在演示中旋转页面（我使用图像）是颠倒的，为什么这不起作用？如果我设置

    -webkit-transform: rotate(180deg) translate(102px, -326px);

在图像上它是正确的，但为什么turn.js不对页面的原始元素应用任何转换？

这是jsfiddle。

Answer 1

我发现旋转下面的页面在不同的div中，当前页面正向和反向旋转仅用于剪切当前页面。