看起来像正在打开的精装书的CSS转换？

Question

我正在尝试在div上创建一个CSS变换,使其看起来像是一本书的封面.

这意味着左侧是绑定的,右侧飞向用户变大.

谁能提供一些方向？如果它在webkit中工作,那就是我所需要的!

编辑:我正在寻找你会发现精装书的效果.我不希望页面弯曲或折叠,只是右侧出现在用户.

我已经完成了这个,它非常接近,但我不能让左侧锁定到位.

@-webkit-keyframes BookCover
    0%
        -webkit-transform perspective(400px) rotateY(0deg)
        opacity 1
    100%
        -webkit-transform perspective(400px) rotateY(-90deg)
        opacity 0

得到它,你需要改变orgin -webkit-transform-origin top left

Answer 1

这是一个工作示例http://www.romancortes.com/ficheros/page-flip.html