Safari-CSS Rotate3D跨背景图层

Question

我正在尝试实现一个在vue项目中打开和关闭时都能翻转其内容的模式，我正在使用<transition />组件

我在这里创建了一个演示

https://codesandbox.io/s/43w32rmkpw

在Chrome中运行正常，

但是在Safari中，模式内容随背景层翻转，

我该如何解决？