Javascript 在变换过程中隐藏背面的最佳方法是什么？

我在CSS中有以下元素和转换：

当活门打开时，隐藏闪烁的“LED”的最佳方式是什么

我尝试了几种定时更换之类的方法，但我似乎无法让它起作用。我无法获得

背面可见性：隐藏也可以工作

以下是我正在使用的CSS：

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

如有任何想法，将不胜感激

非常感谢

编辑：用JSFiddle更新：
已解决。
我必须添加
变换样式：preserve-3d！重要的以及背面属性

希望这对其他人有帮助
 创建另一个div并将其
z-index
设置为较低，当您执行动画时，您也会将该动画应用到新的div？额外的元素也会显示在另一侧。我创建了一个带有CSS关键帧的动画，您可以查看。其想法是更改关键帧78.261%（90/115）处的div外观，将
背面可见性：hidden
添加到
中。条形封面看起来work@KostasSiabanis-这似乎隐藏了整个元素，也搞乱了动画？