翻转卡在 Safari 中不显示背面

Question

我制作了一个项目网页，其中有一些悬停时的翻转卡片。它在 Chrome、Firefox 和 Edge 中运行良好。然而在 Safari 中，它会翻转，但在卡的背面没有显示任何内容。我添加了一些 -webkit 元素，希望能够解决它，但它并没有改变任何东西。
Here is link to my Codepen。

如何在 Safari 中完成这项工作？

Answer 1

删除了这两条线以解决问题..仅在 chrome 上测试：

   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;