如何在CSS中设置transition延时生效？
在css中，通过给元素添加 transition 属性并指定 transition-delay 值即可实现延时生效。例如，设置 transition: all 0.5s ease 1s; 表示过渡效果持续0.5秒，且在触发后等待1秒才开始执行。当鼠标悬停或状态改变时，浏览器会先等待设定的时间，再平滑地应用样式变化。
transition-delay与animation-delay的区别是什么？
transition-delay 仅作用于过渡动画的起始延迟，而 animation-delay 用于关键帧动画的首次播放前等待。两者都控制“何时开始”，但适用场景不同：前者用于状态切换（如 hover），后者用于循环或复杂序列动画。
如果同时设置多个transition-property，delay如何分配？
当为多个属性分别设置 transition 时，每个属性的 delay 是独立计算的。若使用简写形式 transition: prop1 0.3s 0s, prop2 0.5s 1s;，则 prop1 无延迟立即开始，prop2 延迟1秒后启动。这种机制允许精细控制不同属性的动画节奏。
立即学习“前端免费学习笔记（深入）”；
