Javascript 应用动画时，扭曲效果消失

我在一个元素上应用了一个变换：-webkit transform:skewY（170度）。 工作正常。 之后，我向skewed元素添加了一个类，用于设置缩放动画。 这是动画：

.partialScaleOutAnimation{
    -webkit-animation: partialScaleOut 0.5s;
}

@-webkit-keyframes partialScaleOut {
    0%{
        -webkit-transform: scale(1);
    }

    100%{
        -webkit-transform: scale(0.3);
    }
}

---

由于某些原因，在应用动画时，扭曲效果会消失。为什么？

当您需要在一个元素上进行多个转换时，它们应该作为分隔在同一属性中的空格提供。在动画中，只有一个比例变换，所以另一个消失了。我知道。问题是，我在不同的时间段添加了转换，我的第一个语句有您的解决方案。必须将以后添加的任何新变换连接到现有变换。没有替代方法（除非你想添加额外的包装器元素，对包装器应用一个转换）。看看这些，@Harry你已经完成了你的家庭作业，很好。