Css 我可以使用ngx加载的自定义动画吗？

我在我的角度项目中使用；但是我想知道是否有一种方法可以使用定制的CSS动画来代替软件包提供的选项；我知道我可以通过

ngxLoadingAnimationTypes

config选项使用多个动画；但我有自己的自定义微调器，我想使用：

正文{
保证金：0；
}
.新加载器{
动画：旋转1.5s线性无限；
位置：固定；
宽度：120px；
高度：120px；
最高：40%；
右：50%；
边框：2px实心#1f94ed；
边界半径：50%；
z指数：99999；
}
.加载器新：之后{
内容：“；
宽度：85%；
身高：85%；
背景：-webkit线性梯度（45度，rgba（255，255，255，1）0%，rgba（255，255，255，1）40%，rgba（255，255，255，0.7）60%，rgba（255，255，255，0）100%）；
位置：绝对位置；
排名：0；
左：0；
转换：翻译（-5%，-5%）；
}
月朔{
左边框：0；
边界顶部：0；
}
月：之后{
显示：无；
}
/*加载微调器的动画*/
@关键帧旋转{
0% {
变换：旋转（0度）；
}
100% {
变换：旋转（360度）；
}
}