解决方法
这是另一个
page-flip animation done with CSS Animations更新:LINK BROKEN。该方法基于
Roman Cortes’s inspired original。
@H_502_2@这样构造的方式是,每个右页都是两个div内的双重嵌套。内部div围绕外部div中的页面上方的旋转点旋转30度,以便页面进入视图。外部的div也绕相同的旋转点旋转约15度。它配置有一个overflow:hidden,并作为内部div页面的剪切容器。 z-indexing用于将页面堆叠在一起。
@H_502_2@每个页面都被覆盖并镶嵌在灰度渐变的不透明度梯度上,该梯度在x轴上缩放,以便当页面转动时,阴影蜡化并下降。
@H_502_2@代码有点复杂,但是源代码很简单