有没有办法不把相同的东西从@keyframe复制粘贴到.css文件中的@-webkit-keyframe？

在前端开发中，可以通过使用预处理器来减少重复代码。预处理器如Sass、Less和Stylus等都支持定义变量和混合器（mixins），可以实现在不同的规则集中共享代码。

如果想避免在不同的@keyframe和@-webkit-keyframe中复制粘贴相同的代码，可以考虑使用预处理器的混合器功能。下面以Sass为例说明如何实现：

1. 定义一个混合器，将相同的代码放入其中：

@mixin animation {
  /* 共享的代码 */
}

1. 在@keyframe和@-webkit-keyframe中分别引用该混合器：

@keyframes myAnimation {
  @include animation;
}

@-webkit-keyframes myAnimation {
  @include animation;
}

这样，无论是在@keyframe还是@-webkit-keyframe中修改代码，只需要修改一处即可。这种方式可以减少代码冗余，提高开发效率。

在腾讯云中，与前端开发相关的产品包括云开发（Tencent CloudBase），它提供了一站式的云端应用开发服务，支持前端开发、后端开发和云函数等，可快速构建应用并提供可靠的扩展能力。详情请参考腾讯云开发产品介绍页面：https://cloud.tencent.com/product/tcb

请注意，以上所提到的品牌商及产品链接只作为示例，并非实际推荐或广告内容。