要设置 CSS 动画延迟时间,可以使用 animation-delay 属性。这个属性可以让你指定动画开始之前的时间长度。例如,如果你想要一个动画在页面加载完后延迟 2 秒开始,你可以这样写 CSS 代码:
.animation {
animation-name: my-animation;
animation-duration: 1s;
animation-delay: 2s; /* 这里是设置延迟的关键词 */
}
@keyframes my-animation {
from { opacity: 0; }
to { opacity: 1; }
}
在上面的代码中,animation-delay 属性设置为 2s,这意味着动画将在页面加载后的 2 秒钟内不会开始。需要注意的是,animation-delay 属性必须与 animation-name 和 animation-duration 属性一起使用,以便完整地定义动画。
此外,你可以使用关键词如“animation-delay”、“CSS动画”和“延迟时间”等来搜索更多相关的资料。