翻转动画不适用于Firefox | Angular 4

Question

我在div上使用翻转动画，它在Chrome浏览器上工作正常，但在Mozzila Firefox上无法正常使用：

.tp-wrapper {
      perspective: 800px;
      -webkit-perspective: 800;
    }

    .tp-box {
      position: relative;
      width: 200px;
      height: 100px;
      margin: 3rem auto;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      transition: transform 1s;
      transition: -webkit-transform 1s;
    }

Plunker： https://plnkr.co/edit/ZIrUhzFB7Gc8y5WgKnYy?p=preview

我尝试在css上使用一些-webkit，但它似乎没有效果。