11 个免费配方，来自 transitions.dev · 全部纯 CSS + 少量原生 JS · 已保留 prefers-reduced-motion 保护
胶囊背景滑动到选中项
数字变化时逐位弹入
底部提示的进出
缩放 + 淡入，关闭更快
grid-template-rows 0fr → 1fr，无需测高
max-height 需要猜一个够大的值，动画速度会因此失真。0fr → 1fr 让浏览器自己算高度，速度和缓动始终一致。
进入 150ms，离开 50ms（去时有延迟、回来立刻）
带轻微过冲的开关
心形填充 + 8 粒粒子爆开
两个图标交叉淡入 + 模糊 + 缩放
两行错开 40ms 渐显，带模糊
从触发点缩放展开，关闭更快
删除后不再出现在导航里，可以重新收录。