显示新<li>时css动画线性停止2秒

要实现显示新<li>时的CSS动画线性停止2秒，可以使用CSS的animation-delay属性来延迟动画的开始时间，并结合animation-fill-mode属性来控制动画的结束状态。

首先，需要定义一个CSS动画，可以使用@keyframes规则来定义动画的关键帧。例如，可以定义一个名为"fade-in"的动画，使<li>元素从透明度0到透明度1渐变显示：

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

接下来，在<li>元素的样式中，使用animation属性来应用动画，并设置animation-delay属性为2秒，表示延迟2秒后开始动画。同时，设置animation-fill-mode属性为forwards，使动画结束后保持最后一帧的状态：

li {
  animation: fade-in 1s linear 2s forwards;
}

这样，当显示新的<li>元素时，它会以线性的方式在2秒后开始渐变显示，并保持显示状态。

关于CSS动画的更多详细信息，可以参考腾讯云的CSS动画相关文档：CSS动画 - 腾讯云

请注意，以上答案仅供参考，具体实现方式可能会根据具体情况和需求而有所不同。