我想创建一个书本效果，根据用户选择的选项，书籍将被翻转到具有3d效果的正确页面。但是由于我在CSS3中对3d /变换等并不是很熟悉，所以我遇到了一些我遇到问题的问题。
现在，我已经获得了翻转页面的以下代码：
$(document).on('click','.button', function() {
$('#configurationPreviewContainer ul:nth-of-type('+$(this).attr('data-target')+')').css('transform', 'rotateY(-180deg) perspective(3000px)');
});
但是看到整个html / css / JS @ codepen＆gt; http://codepen.io/anon/pen/aOrjeG
在扩展版中，用户不必单独点击每个页面，但是对于这个快速/干净的演示，我就是这样做的。
目前有三个问题;
1）当您点击“第1页”链接时，书的正面/封面会翻转。但是当页面落地时，前面仍会显示？它应该显示书的封面背面
2）90％的旋转Y不在书的中央，但它在书的左边。为什么会这样，我将如何解决这个问题呢？
3）当您首先选择“第1页”，然后选择“第2页”时，第二页将落在第一页，使其不可见。