语法:
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