CSS文本在视频上旋转3D-显示视频后面的部分文本

我需要在HTML5视频上显示CSS字体动画。它适用于许多动画，但使用rotate3d函数的动画只有在Safari浏览器中才会表现出奇怪的行为

在任何其他浏览器中，视频看起来都像，

但在狩猎中看起来，

我已经为此创造了一个机会，

Css是

@-webkit-keyframes anim {
      from {
        transform: perspective(600px) rotate3d(1, 0, 0, 90deg);
        -webkit-transform: perspective(600px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
      }

      to {
        transform: perspective(600px);
        -webkit-transform: perspective(600px);
      }
    }

    @keyframes anim {
      from {
        transform: perspective(100px) rotate3d(1, 0, 0, 90deg);
        -webkit-transform: perspective(600px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
      }

      to {
        transform: perspective(600px);
        -webkit-transform: perspective(600px);
      }
    }

    .anim {
        animation-duration : 10s;
        -webkit-animation-duration: 10s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
        animation-name: anim;
        -webkit-animation-name: anim;
    }

---

为了解决这个问题，CSS中缺少了什么？

可能是在z轴上剪切，尝试将z位置拉近摄影机。我该怎么做？只需平移z位置。当然，可能还有其他问题/bug。这只是一个解决办法。