当存在动画属性时，过渡不起作用

是因为动画属性会覆盖过渡效果。动画属性是通过关键帧动画（keyframe animation）来实现的，它可以定义元素在不同时间点的样式，从而实现复杂的动画效果。而过渡效果是通过过渡属性（transition property）来定义的，它可以在元素状态改变时平滑地过渡到新的样式。

当同时存在动画属性和过渡属性时，动画属性会优先生效，而过渡效果会被忽略。这是因为动画属性具有更高的优先级，它们可以在每个关键帧上定义元素的样式，而过渡属性只能在元素状态改变时起作用。

解决这个问题的方法是将动画属性和过渡属性分开使用，或者使用JavaScript来控制动画和过渡的触发时机。另外，可以通过调整动画属性和过渡属性的优先级来达到期望的效果。

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

• 腾讯云动画服务：提供了丰富的动画效果和交互组件，帮助开发者快速实现各种动画效果。产品介绍链接：https://cloud.tencent.com/product/animation
• 腾讯云过渡服务：提供了过渡效果的实现和管理工具，帮助开发者实现页面元素的平滑过渡效果。产品介绍链接：https://cloud.tencent.com/product/transition