全部原子动效slide-in滑入沿明确方向引入内容,让新元素与界面空间关系保持清楚。复制给 Agent已复制复制失败复制代码已复制复制失败动效React + Motion参数可调支持减弱动效预览代码预览代码预览代码重播安装npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-slide-in.json复制命令已复制复制失败实现规则目的通过移动方向解释内容来自哪里,以及它与现有布局的空间关系。触发由打开面板、添加内容或进入下一级导航触发,方向与信息来源一致。可中断性反向操作应从当前位置接管并立刻改向,禁止等待上一段完成。减弱动效移除大幅位移,仅保留短淡入和清晰的层级边界。相关术语slide-in滑入元素从容器或视口边界外滑入并停在目标位置。enter-exit进入 / 离开元素被添加到屏幕或从屏幕移除时播放的动画。使用该动效的组件抽屉滚动隐藏栏文字循环移动底部面板相关原子动效淡入 / 淡出缩放入场揭示