Css ng输入交错动画不在safari上工作

我有一个ng enter交错动画，可以在chrome和firefox上运行，但不能在safari上运行

我用-webkit作为转换定义的前缀，但它在safari上不起作用。请参见此部分，以了解该问题的演示

    .animate-repeat.ng-enter-stagger,
    .animate-repeat.ng-leave-stagger {
        -webkit-transition-delay: 400ms;
        -webkit-transition-duration: 0s;
        transition-delay: 400ms;
        transition-duration: 0s;
    }

---

为了快速查看Safari，我在CodePen中的CSS设置下打开了AutoRefixer->供应商前缀。这似乎修复了最新的狩猎，因为我觉得效果不错。如果您有任何类型的构建步骤，我强烈建议在混合中添加AutoRefixer。如果你这样做了，问题就解决了

如果您是DIYer，当您为属性添加供应商前缀并使用转换/转换时，您还必须为属性值添加供应商前缀：

    .animate-repeat.ng-enter,
    .animate-repeat.ng-leave {
        -webkit-transition: -webkit-transform 1750ms;
        transition: transform 1750ms; 
    }

在上面链接到的代码笔中的几个实例中，您没有这样做。这样做应该可以解决问题！在某些浏览器中使用某些效果的原因是，它们支持您正确编写的无前缀版本

---

另一种解决此类问题的方法是使用

-webkit transition:all

，而不是指定所有不同的属性，尽管这会影响任何和所有更改的属性。

完善了我正在寻找的全面答案。