使用css和javascript在html中旋转书籍

Question

我试图以这样的方式为正面和背面的整个书籍图像制作动画，以便给人一种书的印象，当我将它悬停在书上时，书应该旋转，给我书的背面。我尝试过多次尝试，但每次出现浏览器不兼容问题时，有些人会显示正确的输出其他人没有...

这应该是这样的：

Answer 1

奇怪，但我认为它会起作用： 请在变换中改变角度：（ - 90到-89）

.Cover3D div.left{
transform: rotateY( -90deg ) translateZ( 14px );
}

到

.Cover3D div.left{
transform: rotateY( -89deg ) translateZ( 14px );
}