Css @关键帧不工作

我正在尝试使用

@关键帧制作动画。但是，这个例子不起作用


.main{
宽度：100%；
高度：500px；
边框：1px纯黑；
}
@关键帧更改背景颜色{
0% {
背景色：红色；
}
100% {
背景颜色：蓝色；
}
}
您需要通过
动画
属性在样式声明中引用它：


.main{
动画：5s改变背景颜色；
宽度：100%；
高度：500px；
边框：1px纯黑；
}
@关键帧更改背景颜色{
0% {
背景色：红色；
}
100% {
背景颜色：蓝色；
}
}
您刚刚配置了关键帧，但尚未将
动画
属性设置为元素。这就像编写一个函数，却从未真正调用它。感谢您的帮助和属性动画链接！