css 数字从0到100慢慢增加

在CSS中，可以使用动画来实现数字从0到100慢慢增加的效果。可以使用@keyframes规则来定义动画，并使用animation属性来应用动画。

下面是一个实现数字从0到100慢慢增加的CSS代码示例：

/* 定义@keyframes规则 */
@keyframes counting {
  from {
    counter-increment: count 0; /* 初始值为0 */
  }
  to {
    counter-increment: count 100; /* 最终值为100 */
  }
}

/* 应用动画 */
.number {
  counter-reset: count; /* 设置计数器初始值为0 */
  font-size: 24px; /* 设置数字的字体大小 */
  animation: counting 5s ease-in-out; /* 动画名称、持续时间、缓动函数 */
}

/* 显示数字 */
.number::after {
  content: counter(count); /* 显示计数器的值 */
}

在上述代码中，通过@keyframes规则定义了一个名为counting的动画，初始值为0，最终值为100。然后，在.number选择器中应用了这个动画，持续时间为5秒，使用了ease-in-out缓动函数。

最后，在.number::after伪元素中使用content属性和counter函数来显示计数器的值。

你可以将上述代码应用到你的HTML文档中的相应元素上，就可以实现数字从0到100慢慢增加的效果