嗨，是否有可能产生像 HTML5 书籍一样的翻页效果？如果是这样，它是如何完成的？
提前致谢！
问问题
55476 次
4 回答
12
这是另一个使用 CSS 动画完成的翻页动画更新：用 ARCHIVE.ORG URL 替换链接。该方法基于Roman Cortes 的灵感原创。
它的构造方式是每个右页都双重嵌套在两个 div 中。内部 div 围绕外部 div 内页面上方的旋转点旋转 30 度，以便页面进入视图。外部 div 也围绕相同的旋转点旋转了大约 15 度。它配置了一个溢出：隐藏并充当内部 div 页面的剪辑容器。z-indexing 用于将页面堆叠在一起。
每一页都覆盖有灰色渐进式不透明度渐变，该渐变在 x 轴上按比例缩放，以便在翻页时阴影起伏。
代码有点复杂，但查看源代码非常简单
于 2011-03-28T23:48:40.070 回答
8
您可以使用 jQuery 插件来实现翻页效果。
下面是jQuery插件的链接。
http://plugins.jquery.com/plugin-tags/page-flip
您可以在http://builtbywill.com/code/booklet/找到演示
希望这会有所帮助。
于 2011-01-06T09:49:15.743 回答
5
您可以为此使用 CSS 转换。
更多信息：http ://www.the-art-of-web.com/css/css-animation/
或者在这里（目前仅在 Webkit 浏览器中可用）http://www.romancortes.com/blog/pure-css3-page-flip-effect/
于 2011-01-06T09:45:11.220 回答
4
turn.js是一个 jQuery 插件，它使用 HTML5 创建了一个非常逼真的翻页效果，这是一个可爱的效果，并且该插件的编写方式使得实现和配置它简单且不要求。
于 2012-11-02T02:36:07.457 回答