animation-duration 属性用于定义动画的持续时间,即动画完成从开始到结束所需的时间。

语法:
selector {
  animation-duration: time;
}

属性值:

  •  time:

  - 定义动画的持续时间,可以使用秒(s)或毫秒(ms)作为单位。

示例:
@keyframes slide-in {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.slide {
  animation: slide-in 1s ease-out;
}

在这个例子中,定义了一个名为 slide-in 的动画规则,将元素从左侧移入。然后,通过 .slide 类选择器将这个动画应用到具体的元素上,并使用 animation-duration: 1s; 设置了动画的持续时间为1秒。这表示从动画开始到结束,元素将在1秒的时间内完成移入的过程。


转载请注明出处:http://www.zyzy.cn/article/detail/4100/CSS