将多个CSS @keyframe动画锁定在一起

是通过使用animation属性来实现的。animation属性用于指定元素的动画效果，可以将多个关键帧动画组合在一起。

具体实现方式如下：

1. 创建关键帧动画：使用@keyframes规则来定义每个关键帧的样式。每个关键帧由一个关键词（如from和to）或一个百分比（如0%和100%）来表示。

例如，创建一个从左到右滑动的动画效果可以这样写：

@keyframes slide {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

1. 将关键帧动画应用到元素：使用animation属性将关键帧动画应用到元素上。animation属性可以设置动画的名称、持续时间、延迟时间、动画速度、重复次数等属性。

例如，将上述定义的slide动画应用到一个元素上，并设置动画持续时间为2秒，延迟时间为1秒，重复次数为3次，可以这样写：

.element {
  animation-name: slide;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-iteration-count: 3;
}

通过上述方式，可以将多个关键帧动画按照指定的顺序和时间进行组合，实现更复杂的动画效果。

关于CSS动画的更多信息，可以参考腾讯云的CSS动画介绍文档：CSS3动画

腾讯云相关产品中与CSS动画相关的服务，可以使用腾讯云CDN加速服务来提升动画的加载速度和体验，详情请参考：腾讯云CDN加速服务