应用动画时，偏斜效果消失

Question

我在元素上应用了一个变换：-webkit-transform：skewY（170deg）。 它的工作正常。 之后，我向skewed元素添加了一个为scaleOut设置动画的类。 这是动画：

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

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

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

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