css3 rotateX 创建一条线
css3 rotateX creates a line
为什么会看到这条白线？
它实际上不是白色的，只是显示了网站的背景，恰好是白色的。
当旋转 div 使用背景图像而不是颜色时，不会发生这种情况。
使用它来应用旋转：
$('.box').css('transform', 'translateZ(-'+halfHeight+'px) rotateX('+ deg +'deg)')
这是图形渲染器的问题。而且，它不会在所有计算机上都相同。
我的建议是，不要使用 translateZ()，而是使用 translate3d()，这将在可用时使用 GPU，并且动画会很流畅，不会掉帧。
更多信息请阅读 MDN
为什么会看到这条白线？ 它实际上不是白色的，只是显示了网站的背景，恰好是白色的。
当旋转 div 使用背景图像而不是颜色时，不会发生这种情况。
使用它来应用旋转：
$('.box').css('transform', 'translateZ(-'+halfHeight+'px) rotateX('+ deg +'deg)')
这是图形渲染器的问题。而且，它不会在所有计算机上都相同。
我的建议是，不要使用 translateZ()，而是使用 translate3d()，这将在可用时使用 GPU，并且动画会很流畅，不会掉帧。
更多信息请阅读 MDN