嗨是否有可能像HTML5的书一样翻页？如果是这样，它是如何完成的？
提前致谢！
答案 0 :(得分：11)
这是另一个page-flip animation done with CSS Animations更新：LINK BROKEN。该方法基于Roman Cortes's inspired original。
构造它的方式是每个右页都嵌套在两个div中。内部div围绕外部div内的页面上方的旋转点旋转30度，以便页面进入视图。外部div也围绕相同的旋转点旋转约15度。它配置了overflow：hidden并充当内部div页面的剪切容器。 z-indexing用于将页面堆叠在一起。
每个页面都覆盖并镶嵌一个灰色的渐进不透明度渐变，该渐变在x轴上缩放，以便在页面转动时阴影会变薄并消失。
代码有点复杂但查看源非常简单
答案 1 :(得分：8)
您可以使用jQuery插件进行翻页效果。
以下是jQuery插件的链接。
http://plugins.jquery.com/plugin-tags/page-flip
您可以在http://builtbywill.com/code/booklet/
找到演示希望这会有帮助。
答案 2 :(得分：5)
您可以使用CSS转换。
更多信息：http://www.the-art-of-web.com/css/css-animation/
或者此处（仅在Webkit浏览器中可用）http://www.romancortes.com/blog/pure-css3-page-flip-effect/
答案 3 :(得分：2)
turn.js是jQuery的一个插件，可以使用HTML5创建非常逼真的翻页效果，这是一个很好的效果，插件的编写方式使得实现和配置它简单且不需要。