Html 为什么“变换：缩放”（0）不能处理动画元素？

为什么不转换：scale0；制作动画元素

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#box {
    width: 150px;
    height: 150px;
    background: red;
    animation: spin .5s infinite linear;
    transform: scale(0);
}

我猜这是因为关键帧接管了变换，但即使是！变换后的重要提示：缩放0它仍然没有改变

您需要移动变换：scale0；到@keyframes

一起旋转和缩放

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg) scale(0); }
}

---

这个100%{transform:rotate360deg；transform:scale0}不起作用，因为transform scale将覆盖rotateyeah。更新了我的答案。！酷，我把我的拿走了，因为它是一样的