前端中animation动画

有哪些常用的属性和值？

在前端中，animation动画通常通过CSS的@keyframes规则来定义。常用的属性和值有：

1. animation-name：指定要使用的关键帧名称；
2. animation-duration：指定动画持续的时间；
3. animation-timing-function：指定动画效果的时间曲线；
4. animation-delay：指定动画延迟启动的时间；
5. animation-iteration-count：指定动画重复的次数；
6. animation-direction：指定动画重复的方向；
7. animation-fill-mode：指定动画在启动前和结束后如何填充；
8. animation-play-state：指定动画是否正在运行或已暂停。