当动画元素不在视口中时，在Firefox中跳过CSS动画

是通过使用prefers-reduced-motion媒体查询和animation-play-state属性来实现的。

prefers-reduced-motion媒体查询是一种用于检测用户是否偏好减少动画的功能。当用户在操作系统或浏览器设置中启用了减少动画的选项时，该媒体查询将返回reduce。通过检测该媒体查询的返回值，可以决定是否跳过CSS动画。
animation-play-state属性用于控制动画的播放状态。通过将其设置为paused，可以暂停动画的播放。结合prefers-reduced-motion媒体查询，可以根据用户的偏好来决定是否暂停动画。

以下是一个示例代码，演示了如何在动画元素不在视口中时，在Firefox中跳过CSS动画：

<!DOCTYPE html>
<html>
<head>
  <style>
    @keyframes myAnimation {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }

    .animated-element {
      animation: myAnimation 1s infinite;
    }

    @media (prefers-reduced-motion: reduce) {
      .animated-element {
        animation-play-state: paused;
      }
    }
  </style>
</head>
<body>
  <div class="animated-element">Animated Element</div>
</body>
</html>

在上述示例中，我们定义了一个名为myAnimation的CSS动画，并将其应用于类名为animated-element的元素。通过animation-play-state属性和prefers-reduced-motion媒体查询，当用户启用了减少动画的选项时，动画将被暂停。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法提供相关链接。但腾讯云作为一家知名的云计算服务提供商，提供了丰富的云计算产品和解决方案，您可以通过访问腾讯云官方网站来了解更多信息。