翻译和缩放动画问题

Question

@keyframes my-animation {
    0% {
        transform: translate(0, 40%) scale(0);
    }
    10% {
        transform: scale(1.1);
    }
    20% {
        transform: scale(1);
   }
   100% {
        transform: translateY(0%);
   }
}

我正在尝试让我的元素弹出，然后在Y轴上移动，但上面的方法无效。

我哪里错了？