在 CSS Play 上有一个很棒的教程，它使用纯 CSS 创建翻页书风格的动画。 这里的工作原理是，有一个大型的“幻灯片”堆栈，它们相互叠加。 在堆栈的顶部是一系列由独特的 <a> 元素组成的细长矩形“切片”。 每个幻灯片都被推到 div 的外部，并且溢出被隐藏，然后当在独特的 <a> 元素上激活 :hover 状态时，相应的幻灯片会被移回，这与 典型的 CSS 悬停效果 类似。 结果是，将鼠标悬停在 div 上会在一个真正有趣且令人上瘾的方式激活不同的幻灯片。
这种效果有点像 OS X 上 iMovie ’08 中的新“略读”功能。 我敢肯定，使用这种技术，可以通过顺序排列的照片图像实现一些很酷的效果。
存在大量的重复代码和硬编码像素大小，因此这可能是一个很酷的项目，您可以尝试使用 Javascript 来解决，这样它就可以动态地构建任何尺寸的图像的翻页书。