1

我想实现类似的东西(翻页),想知道turn.js是如何创建它的效果的。它使用 css 转换:平移和旋转来创建效果。我正在检查检查员是否有两个带旋转的包装器(如本答案中所指出的那样),但旋转是

外包装正数,如rotation(30deg)

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

我尝试在测试页面中使用相同的东西(仅旋转),但唯一有效的是移除角落,并且当角度为 45 时,演示中的页面不旋转(我使用图像)是颠倒的,为什么这样不工作?如果我设置

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

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

这是jsfiddle

4

1 回答 1

0

我发现下面的页面旋转在不同的div中,当前页面正负旋转仅用于剪切当前页面。

于 2013-07-24T08:48:38.067 回答