返回 Pack GalleryMotion Pack 04 · 选择决策
卡片选择
用户选中一个布局后，边界、勾选和选择摘要同步表达结果。
Layout direction已选择: Quiet
3Select a layout direction
实现一个三选一卡片选择器：点击任一卡片后，将选中态移到新卡片，勾选出现，底部摘要切换为当前选择。位移只表达焦点移动，保持布局稳定。
动效规则
边界、勾选与选择摘要同步表达当前方向。
减弱动效
直接更新选中边界和勾选，不使用位移。
实现
HTML、CSS 与行为所需的 JavaScript 一起复制。