css animation-delay 计时起点是样式计算完成而非页面加载，多动画需单行逗号分隔并严格对齐参数，动态改延迟应配合css变量与强制重排。
Composer 不是 CSS 动画工具，也没有 @keyframes 或 animation-delay 概念——你很可能把名字记混了。
如果你实际想问的是 CSS 中如何用 @keyframes 配合 animation-delay 实现延迟触发，那下面就是你要的操作要点。
animation-delay 的触发时机不是“页面加载完”
animation-delay 的计时起点是该元素的样式被浏览器计算完成（style recalc），不是 DOMContentLoaded，更不是 window.onload。这意味着：
- 元素一插入 DOM、样式一就绪，倒计时立刻开始
- 图片、字体、第三方脚本还在加载？不影响 delay 计时
- 常见翻车现场：首屏文字还没渲染，动画已播完；
display: none的元素加了animation-delay却完全不触发
解决办法是主动控场：
- 初始用
animation-play-state: paused暂停动画 - 等真正准备好了（比如监听
load事件或用户交互），再用 JS 改为running - 此时
animation-delay才真正开始倒计时
多个 @keyframes 动画共存时，animation-delay 必须严格对齐
比如你想让缩放 + 位移 + 透明度三个动画依次启动：
-
错误写法（两行声明）：
Discussion Composer下载围绕关键发现、作用机制、临床相关性及研究局限性展开讨论。适用于撰写或优化任何生物医学论文的“讨论（Discussion）”部分——包括结果解读、与既往文献关联、阐释意外发现、界定研究局限性，以及撰写结论。当用户输入以下任一指令时也会自动触发该功能： - “write my discussion” - “help me discuss my findings” - “how do I compare to prior studies” - “write the limitations par
animation: scale-up 0.4s; animation: move-in 0.6s 0.4s;
→ 浏览器只认最后一行，前面的被丢弃 -
正确写法（单行、逗号分隔、顺序一一对应）：
animation: scale-up 0.4s ease, move-in 0.6s ease 0.4s, fade-in 0.3s ease 1.0s;
-animation-name、animation-duration、animation-delay必须严格按位置匹配 - 如果漏了animation-fill-mode: forwards，动画结束后状态会闪回，尤其在链式延迟中极明显
想动态改延迟？别硬写 class，用 CSS 变量 + 强制重排
硬编码 .delay-05、.delay-12 类维护成本高，也不支持运行时计算。推荐：
-
CSS 中定义：
.anim-trigger { animation: slide 0.5s ease; animation-delay: var(--delay, 0s); animation-play-state: paused; } -
JS 中动态设置：
el.style.setProperty('--delay', '1.2s'); el.classList.remove('anim-trigger'); el.offsetHeight; // 强制重排，触发重绘 el.classList.add('anim-trigger'); el.style.animationPlayState = 'running';
注意：仅改变量不会重启动画，必须触发样式重计算（offsetHeight 是最轻量的方式之一），再切回 running。
关键点就落在「计时起点不可控」和「多动画参数必须严格对齐」这两处。大多数线上故障，都卡在这两个细节上。
