javascript - 在转换过程中隐藏背面的最佳方法是什么？

Question

我在 CSS 中发生了以下元素和转换： https ://i.imgur.com/L3iTIFV.gif

翻盖打开时隐藏闪烁的“LED”的最佳方法是什么？

我已经尝试了几种定时替换等方法，但我似乎无法让它发挥作用。我也没法backface-visibility: hidden;上班。

这是我正在使用的 CSS：

transform: perspective(500px) rotateY(0deg) rotateX(-115deg);

任何想法将不胜感激。

非常感谢！！

编辑：用 JSFiddle 更新：https ://jsfiddle.net/873hgwsv/

标签： javascripthtmlcss

Answer 1

解决了。我必须添加transform-style: preserve-3d !important;以及背面属性。

希望这对其他人有帮助！