返回 Pack Gallery
Motion Pack 06 · 选择决策

模板选择

在一组可视模板中确定方向,并把下一步操作稳定地接在选择之后。

实时预览模板选择
Choose a starting pointTemplates with structure
Launch 已选择

实现一个模板选择器:三张模板卡片可切换,选中的模板呈现清晰边界和角标,下方主按钮同步带出当前模板名。动作轻、短,并支持重复选择。

动效规则

主按钮直接说明即将从哪个模板开始。

减弱动效

保留边界、角标和按钮文案更新。

实现

HTML、CSS 与行为所需的 JavaScript 一起复制。