Css 角度5+；动画flex在Firefox中不工作

我对Angular动画系统非常陌生，我已经成功地制作了一个在Chrome上运行良好、流畅的动画，但在Firefox上不工作，并且生成了一个不会刷新视图的anoying bug

当您从它触发的cardAnimation中删除宽度、弯曲和填充时，可能有更好的方法来实现这一点。我需要一个数组上的动画，可以添加和删除它的项目

请参见此处的堆栈：

---

关于。

如果您的代码确实使用了

AnimationBuilder

，则从Angular CLI生成的polyfills.ts文件中取消注释

web animations js

polyfill。

如果您的代码确实使用了

AnimationBuilder

，然后从Angular CLI生成的polyfills.ts文件中取消注释

web动画js

polyfill。

使用css速记时，Firefox和web动画api存在问题，例如

边距

，

填充

，

边框宽度

，

flex

等。由于某些原因，Firefox无法计算这些速记的样式，并且下面的程序无法设置动画

解决方案是扩展动画使用的所有css速记，例如

padding: 0;

应该是

padding-top: 0;
padding-right: 0
padding-bottom: 0;
padding-left: 0;

因此，当在动画中扩展速记

填充

和

flex

时，它在firefox中运行良好

请在此处查看您的代码：

---

来源：

在使用css速记时，Firefox和web动画api存在问题，例如，

边距

，

填充

，

边框宽度

，

flex

等。由于某些原因，Firefox无法计算这些速记的样式，并且下面的程序无法制作动画

解决方案是扩展动画使用的所有css速记，例如

padding: 0;

应该是

padding-top: 0;
padding-right: 0
padding-bottom: 0;
padding-left: 0;

因此，当在动画中扩展速记

填充

和

flex

时，它在firefox中运行良好

请在此处查看您的代码：

---

来源：

我已经尝试添加网络动画，但没有任何改变。你可以在我的StackBlitz上检查和尝试，我已经尝试添加网络动画，但它没有改变任何东西。你可以在我的stackblitz上试试