css3 rotateX创建一条线

时间：2016-10-02 15:21:58

标签： javascript css3 transform css-transforms rotatetransform

enter image description here

Reproduction online

为什么这条白线可见？ 它实际上不是白色，而只是显示网站的背景，恰好是白色。

使用背景图片而不是旋转div的颜色时，不会发生这种情况。

使用它来应用旋转：

$('.box').css('transform', 'translateZ(-'+halfHeight+'px) rotateX('+ deg +'deg)')

1 个答案:

答案 0 :(得分：1)

这是图形渲染器的问题。并且，它在所有计算机中都不一样。

我的建议，不是使用translateZ()使用translate3d()，而是在可用时使用GPU，动画将平滑而不会丢帧。

更多阅读MDN

相关问题
最新问题