CSS 关键帧动画名称

Question

我们应该只使用 mymove 还是可以在动画属性中使用其他名称。 例如：

animation: mymove 5s infinite;

@keyframes mymove{
.......
}

我在问我们是否可以在动画和关键帧中 moveleft 使用 mymove

Answer 1

您可以使用任何具有匹配关键帧的有效标识字符串。

关于什么是有效的，MDN 有a page covering the specifics，但他们 animation page 的这句话很好地总结了关键点：

标识动画的名称。此标识符由区分大小写的字母 a 到 z、数字 0 到 9、下划线 (_) 和/或破折号 (-) 的组合组成。第一个非破折号字符必须是字母。此外，标识符的开头禁止使用两个破折号。此外，标识符不能为none、unset、initial或inherit。