使转换变换工作在9

Question

我有什么方法可以让它在9中工作，一些研究告诉我没有，另一项研究告诉我是，但不确定如何....

.letter {
  display: inline-block;
  position: relative;
  transform: translateZ(25px);
  -ms-transform: -ms-translateZ(25px);
  -webkit-transform: -webkit-translateZ(25px);
  transform-origin: 50% 50% 25px;
  -webkit-transform-origin: 50% 50% 25px;
  -ms-transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
   -ms-transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -ms-transition: -ms-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  -webkit-transform: -webkit-rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 -webkit-transition: -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 -ms-transition: -ms-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

我很高兴接受css可能不会以这种方式表达，因此如果人们认为这是最好的前进方式，我很乐意使用js解决方案。