为什么@keyframe动画只工作一次？

@keyframe动画只工作一次的原因是因为默认情况下，CSS动画只会播放一次并停止在最终状态。要让@keyframe动画循环播放，可以通过添加animation-iteration-count属性并设置为infinite来实现。

@keyframe动画是一种在CSS中定义动画序列的方式。它允许开发者定义在动画的不同关键帧之间的过渡效果。通过使用@keyframes关键字和关键帧选择器，可以分别指定动画的起始和结束状态，并定义在不同关键帧之间的中间状态。

分类：@keyframe动画可以分为两类：一类是由关键帧间的变化方式决定动画效果的自定义动画；另一类是通过预定义的CSS动画属性实现的预设动画。

优势：@keyframe动画具有以下优势：

1. 能够实现更复杂、精细的动画效果，比如逐帧动画、渐变动画等。
2. 可以自定义动画的起始状态、结束状态以及在中间帧的任何状态。
3. 可以与其他CSS属性结合使用，如过渡效果、变换效果等，实现更丰富的页面交互效果。

应用场景：@keyframe动画适用于需要实现动态、交互性较强的页面元素，例如页面加载动画、按钮点击效果、滚动效果、图表动画等。

腾讯云相关产品推荐：

1. 腾讯云云服务器（CVM）：提供稳定可靠的虚拟服务器，适用于托管Web应用程序和支持动画效果的网站。产品介绍链接：https://cloud.tencent.com/product/cvm
2. 腾讯云内容分发网络（CDN）：通过全球部署的节点，加速动画资源的传输，提供更好的用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
3. 腾讯云云函数（SCF）：可通过编写自定义代码实现动画效果的动态计算。产品介绍链接：https://cloud.tencent.com/product/scf

请注意，本回答仅提供腾讯云相关产品作为示例，其他云计算品牌商也提供类似的产品和服务供选择和使用。