CSS3 animation-delay 属性

CSS3 animation-delay 属性

实例

等待两秒,然后开始动画:

html 复制代码
animation-delay:2s;
-webkit-animation-delay:2s; /* Safari 和 Chrome */

标签定义及使用说明

animation-delay 属性定义动画什么时候开始。

animation-delay 值单位可以是秒(s)或毫秒(ms)。

提示: 允许负值,-2s 使动画马上开始,但跳过 2 秒进入动画。

语法

animation-delay: time;

描述 测试
time 可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0
相关推荐
code_YuJun10 分钟前
corepack 作用
前端
千寻girling10 分钟前
Koa.js 教程 | 一份不可多得的 Node.js 的 Web 框架 Koa.js 教程
前端·后端·面试
全栈前端老曹12 分钟前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈
code_YuJun12 分钟前
pnpm-workspace.yaml
前端
天才熊猫君15 分钟前
“破案”笔记:iframe动态加载内容后,打印功能为何失灵?
前端
五月君_32 分钟前
炸裂!Claude Opus 4.6 与 GPT-5.3 同日发布:前端人的“自动驾驶“时刻到了?
前端·gpt
Mr Xu_36 分钟前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
鹏北海-RemHusband1 小时前
从零到一:基于 micro-app 的企业级微前端模板完整实现指南
前端·微服务·架构
LYFlied1 小时前
AI大时代下前端跨端解决方案的现状与演进路径
前端·人工智能
光影少年1 小时前
AI 前端 / 高级前端
前端·人工智能·状态模式