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
相关推荐
Maimai108083 分钟前
React Server Components 是什么?一文讲清 CSR、Server Components 与 Next.js 中的客户端/服务端组件
前端·javascript·css·react.js·前端框架·html·web3
肉肉不吃 肉12 分钟前
事件循环,宏任务,微任务
前端·javascript
z止于至善18 分钟前
Vue ECharts:Vue 生态下的 ECharts 可视化最佳实践
前端·vue.js·echarts·vue echarts
℘团子এ18 分钟前
什么是Docker
前端·docker·容器
Software攻城狮19 分钟前
【el-table 表格组件 删除标头分割线】
前端·vue.js·elementui
陆康永26 分钟前
vue2封装hook函数,可以监听主页面生命周期
前端·javascript·vue.js
我命由我1234527 分钟前
Vue Router - 记录一下 2 种路由写法
前端·javascript·vue.js·前端框架·html·html5·js
m0_7190841131 分钟前
导入导出—设备管理系统
前端·javascript·vue.js
周淳APP33 分钟前
【计算机网络之XSS、CSRF、DDoS原理及防御措施】
前端·网络·计算机网络·http·ddos·xss·csrf
wuhen_n36 分钟前
Vue Router 进阶:路由懒加载、导航守卫与元信息的高效运用
前端·javascript·vue.js