CSS在悬停时设置下划线动画，在活动时保持不动

可以通过CSS的伪类选择器和过渡效果来实现。

首先，我们可以使用伪类选择器:hover来设置悬停时的样式。然后，使用text-decoration属性来添加下划线，并使用transition属性来添加过渡效果，使下划线动画更加平滑。

下面是一个示例代码：

a {
  text-decoration: none; /* 移除默认下划线样式 */
  transition: border-bottom 0.3s ease; /* 添加过渡效果 */
}

a:hover {
  border-bottom: 2px solid blue; /* 设置下划线样式 */
}

在上面的代码中，我们使用a选择器来选中链接元素，然后设置text-decoration为none，这是为了移除默认的下划线样式。接着，使用transition属性来添加过渡效果，其中border-bottom表示下划线样式的变化，0.3s表示过渡时间为0.3秒，ease表示过渡效果为缓动效果。

然后，使用:hover伪类选择器来选中鼠标悬停时的状态，设置border-bottom为2px solid blue，这样就给链接添加了一个蓝色的下划线样式。

这样，在鼠标悬停时，链接下方的下划线会以动画的方式出现，并在鼠标移开后保持不动。

对于这个问题，腾讯云没有特定的产品与之相关，因此无法提供相关产品和产品介绍链接地址。