当页面上有css动画时，无法隐藏UI

当页面上有CSS动画时，无法隐藏UI是因为CSS动画会改变元素的可见性和位置，导致隐藏操作无效。

解决这个问题的方法有两种：

1. 使用JavaScript控制动画：通过JavaScript代码监听动画的开始和结束事件，然后在需要隐藏UI时暂停动画或者将动画元素的透明度设置为0。具体实现可以使用JavaScript的animationstart和animationend事件，或者使用CSS动画库（如Animate.css）提供的JavaScript API。
2. 使用CSS动画的替代方案：如果需要隐藏UI的同时保持动画效果，可以考虑使用CSS过渡（transition）或者关键帧动画（keyframes animation）来代替CSS动画。这些方法可以通过添加/移除CSS类名或者使用JavaScript来控制元素的样式变化，从而实现隐藏UI的效果。

需要注意的是，以上方法只是解决了隐藏UI的问题，对于CSS动画的性能和优化还需要根据具体情况进行进一步的优化和调整。

推荐腾讯云相关产品：

• 腾讯云云服务器（CVM）：提供稳定可靠的云服务器实例，用于部署和运行网站、应用程序等。
• 腾讯云内容分发网络（CDN）：加速内容分发，提高网站和应用的访问速度和稳定性。
• 腾讯云云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务，适用于各种应用场景。
• 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者按需运行代码，无需关心服务器管理和运维。
• 腾讯云人工智能（AI）服务：提供丰富的人工智能能力，包括图像识别、语音识别、自然语言处理等，可应用于各种领域。

以上产品的详细介绍和使用方法，请参考腾讯云官方网站：https://cloud.tencent.com/