gpt4 book ai didi

javascript - css3 rotateX 创建一条线

转载 作者:行者123 更新时间:2023-11-29 15:25:22 25 4
gpt4 key购买 nike

enter image description here

Reproduction online

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

当使用背景图像而不是旋转 div 的颜色时,这不会发生。

使用它来应用旋转:

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

最佳答案

这是图形渲染器的问题。而且,它不会在所有计算机中都相同。

我的建议是,不要使用 translateZ(),而是使用 translate3d(),这将在可用时使用 GPU,并且动画会很流畅,不会掉帧。

更多阅读 MDN

关于javascript - css3 rotateX 创建一条线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39818483/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com