在Chrome中滚动进入视图时，CSS动画无法运行。未将类添加到元素中

在Chrome中滚动进入视图时，CSS动画无法运行的原因可能是由于浏览器的优化机制导致的。当元素滚动进入视图时，浏览器会尝试减少对元素的渲染，以提高性能和节省资源。这可能会导致CSS动画无法正常运行。

为了解决这个问题，可以尝试以下几种方法：

1. 使用JavaScript触发动画：通过监听滚动事件，在元素进入视图时使用JavaScript添加类来触发CSS动画。可以使用Intersection Observer API来检测元素是否进入视图。
2. 使用will-change属性：将CSS动画所涉及的元素的will-change属性设置为transform或opacity，这样浏览器会提前准备好元素的渲染，从而避免滚动进入视图时的延迟。
3. 使用requestAnimationFrame：在滚动事件中使用requestAnimationFrame来触发动画，这样可以确保动画在浏览器的渲染帧中执行，提高动画的流畅度。
4. 使用硬件加速：通过使用CSS的transform属性或opacity属性来触发GPU加速，可以提高动画的性能和流畅度。可以尝试将动画元素的transform属性设置为translateZ(0)或translate3d(0, 0, 0)。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云Web+：提供一站式的Web应用托管服务，支持静态网站、动态网站、容器化应用等多种类型的Web应用部署和管理。详情请参考：腾讯云Web+
• 腾讯云CDN：提供全球加速服务，通过在全球部署节点，加速静态资源的传输，提高网站的访问速度和用户体验。详情请参考：腾讯云CDN
• 腾讯云云服务器（CVM）：提供弹性计算能力，支持按需购买和弹性扩缩容，适用于各种应用场景。详情请参考：腾讯云云服务器（CVM）

请注意，以上仅为腾讯云的相关产品示例，其他云计算品牌商也提供类似的产品和服务。