
吐出排列讲功能
标题下一条线加厚成胶囊再变输入框,框内逐条打提示词并上下滚动。
输入框从标题本身长出来,没有切镜。提示词上下各露出一条 20% 灰的半透明行,能看出这是一串可选项;全程画面只有垂直方向的运动。
expo.out 0.4s;线 power3.inOut 0.2s;加厚 expo.out 0.3s;加宽 power3.inOut 0.4s;轮播上滚 cubic-bezier(0.16,1,0.3,1) 0.3s(9 帧);发送按下 scale 0.88 历时 0.07s,再 back.out(1.7) 0.25sscale 1→1.05(linear);内容在垂直方向运动,每次上滚 90pxy 19→0 上升,错开 0.09s → 3px 黑线从中心展开到 860px(scaleX 0→1)→ 加厚成 112px 高的胶囊(圆角 56px)并带柔和阴影,标题同时反白 → 胶囊 860→1280px 加宽,标题缩到 30px 并移入文字位,附件按钮、模型选择器和发送按钮淡入 → 页头、快捷标签和最近项目出现 → 第一条提示词以约 15 字符/秒打出(空格后多停 0.07s,标点后多停 0.1s,带固定随机抖动)→ 整列每次上滚 90px,共三次(打完后 0.4s,之后每隔 0.85s),旧行变浅灰停在胶囊上方,框下以 22% 不透明度露出下一条 → 发送,外壳淡出,胶囊收成 480×124px 包住白色标志和字标#111111)是唯一的大面积深色;Inter 字体,提示词 30px 字重 500;幽灵行 rgba(17,17,17,0.22);阴影很浅用「提示词轮播(Prompt Carousel)」做开场:纯白底,居中的四词标题(「What should we build?」,64px)从下往上位移 19px 淡入,每词错开 0.09 秒,用 expo.out 在 0.4s 内完成。一条黑色细线从文字中线向两侧展开到 860px(0.2s),用 0.3s 加厚成 112px 高的黑色胶囊,文字同一帧反白。随后胶囊用 power3.inOut 在 0.4s 内加宽到 1280px,标题缩到 30px 移入文字位,附件按钮、模型选择器和发送按钮在四周淡入。标题清空后,以约 15 字符/秒打出第一条提示词,光标跟在最后一个字符后,框下用 22% 灰露出下一条。随后整列用 0.3 秒 expo.out 上滚一行(90px),打完后 0.4s 滚第一次,之后每 0.85s 滚一次,共三次,旧行变浅灰停在胶囊上方。最后按下发送(scale 0.88,再 back.out(1.7)),外壳淡出,胶囊收成 480×124px,包住你的标志和字标。整段伴随 scale 1→1.05 的缓慢推近。













