在动画期间，当div元素移动到外部div之外时，隐藏div元素

可以通过CSS的属性和伪类来实现。

首先，可以使用CSS的overflow属性来控制外部div的溢出内容的显示方式。将外部div的overflow属性设置为hidden，这样当内部div移动到外部div之外时，超出部分将被隐藏。

示例代码如下：

.outer-div {
  width: 300px;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.inner-div {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: move 3s infinite;
}

@keyframes move {
  0% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(200%, -50%);
  }
}

在上述代码中，外部div的宽度为300px，高度为200px，并设置overflow属性为hidden。内部div的宽度为100px，高度为100px，背景色为红色。通过position属性将内部div定位在外部div的中心位置，并使用animation属性实现移动效果。

当内部div移动到外部div之外时，超出部分将被隐藏，达到隐藏div元素的效果。

这里推荐腾讯云的云服务器CVM产品，它提供了稳定可靠的云计算基础设施，适用于各种应用场景。您可以通过以下链接了解更多关于腾讯云云服务器CVM的信息： https://cloud.tencent.com/product/cvm