可在 Canary 中尝试，有 Codepen 示例。

• 交错动画：不用为每个元素内联 CSS 变量，可使用 sibling-index() 即时获取，如清除内联样式后通过 .parent > * { transition: opacity 0.3s ease; transition-delay: calc(sibling-index() * 100ms); } 实现 100ms 交错交叉渐变过渡效果。
• 交错颜色：可使用 sibling-index() 实现颜色交错变化，如 .parent > * { --hue: calc(sibling-index() * 50); color: oklch(70% 70% var(--hue)); } 每个元素色调递增 50。