HTML5的翻页效果？答案

【问题标题】：Page flip effect for HTML5?HTML5的翻页效果？
【发布时间】：2019-09-05 02:56:12
【问题描述】：

您好，HTML5 是否可以实现翻页的效果？如果有怎么做？

提前致谢！

【问题讨论】：

【解决方案1】：

这是另一个 page-flip animation done with CSS Animations 更新：用 ARCHIVE.ORG URL 替换链接。该方法基于Roman Cortes's inspired original。

它的构造方式是每个右页都双重嵌套在两个 div 中。内部 div 围绕外部 div 内页面上方的旋转点旋转 30 度，以便页面进入视图。外部 div 也围绕相同的旋转点旋转了大约 15 度。它配置了一个溢出：隐藏并充当内部 div 页面的剪辑容器。 z-indexing 用于将页面堆叠在一起。

每一页都覆盖有灰色渐进式不透明度渐变，该渐变在 x 轴上按比例缩放，以便在翻页时阴影起伏不定。

代码有点复杂，但查看源代码很简单

【讨论】：

【解决方案2】：

可以使用jQuery插件实现翻页效果。

下面是jQuery插件的链接。

希望这会有所帮助。

【讨论】：

【解决方案3】：

您可以为此使用 CSS 转换。

【讨论】：

【解决方案4】：

turn.js 是一个 jQuery 插件，它使用 HTML5 创建了一个非常逼真的翻页效果，这是一个可爱的效果，并且该插件的编写方式使得实现和配置它简单且不要求。

【讨论】：