Firefox不会在卡片翻转时出现问题

Question

我为我的网站创建了这个动画它应该在Z轴上翻译（看起来它变得越来越小）翻转（显示卡的背面）翻译回来。

这是演示https://stackblitz.com/edit/angular-xzfbaq

它适用于Chrome，但从未在Firefox中显示翻页的正面。

任何帮助，将不胜感激。

谢谢，

Answer 1

为了实现翻转。你可以使用transform:rotate(180deg);transition:1s。通常这些都在onHover中使用。所以在盘旋时使用那些css。我会在所有浏览器中工作.....