CSS动画只循环3次，然后停止

。

CSS动画是一种通过CSS属性的变化来实现动画效果的技术。在CSS中，可以使用@keyframes规则定义动画的关键帧，然后通过animation属性将动画应用到元素上。

要实现动画只循环3次然后停止，可以使用animation-iteration-count属性来控制动画的循环次数。将其设置为3即可让动画只循环3次。

以下是一个示例代码：

@keyframes myAnimation {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}

.element {
  animation-name: myAnimation;
  animation-duration: 1s;
  animation-iteration-count: 3;
}

在上面的代码中，定义了一个名为myAnimation的动画，它在0%、50%和100%的关键帧上分别改变了元素的缩放比例。然后将这个动画应用到一个名为element的元素上，设置动画的持续时间为1秒，并且循环次数为3次。

这样，当元素应用了这个动画后，它会循环播放3次，然后停止在动画的初始状态。

腾讯云提供了一系列云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助用户快速搭建和部署各种应用，提供稳定可靠的云计算基础设施。

推荐的腾讯云产品：

1. 云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置。了解更多：腾讯云云服务器
2. 云数据库MySQL版（CDB）：提供高可用、可扩展的关系型数据库服务。了解更多：腾讯云云数据库MySQL版
3. 云对象存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。了解更多：腾讯云云对象存储

通过使用腾讯云的这些产品，开发者可以轻松构建具有动画效果的网页，并且灵活控制动画的循环次数。