Sass scss预压器

我有这个密码。我真的不明白为什么它不起作用

我正在使用SCSS并将其编译成CSS，但除了动画之外，其他一切都可以工作

@keyframes spin {
    form {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(3, 25, 39);
    z-index: 10;
    .loader {
        width: 70px;
        height: 70px;
        border: 10px solid $secondary-color;
        border-radius: 50%;
        border-top-color: $main-color;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation: 5s spin infinite linear;
    }
}

---

你的代码有输入错误。 形式应该是从

@关键帧旋转{
从{
变换：平移（-50%，-50%）旋转（0度）；
}
到{
变换：平移（-50%，-50%）旋转（360度）；
}
}
.预载机{
位置：固定；
左：0；
排名：0；
宽度：100%；
身高：100%；
背景色：rgb（3,25,39）；
z指数：10；
}
.加载器{
宽度：70px；
高度：70像素；
边框：10px纯红；
边界半径：50%；
边框顶部颜色：黑色；
位置：绝对位置；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
动画：5s旋转无限线性；
}