GPT Image 2.6 加入购物车按钮动画提示词

生成循环 GIF 动图：点击「Add to cart」按钮后轻微缩小、变成绿色并出现对勾，再恢复原样。

一段循环的短动画：手机上的 "Add to cart" 按钮被点击，轻微缩小，变成绿色并出现对勾，然后恢复原样。扁平 UI 风格，白色背景，不要多余文字。

适用于

GPT Image 2.6

所属合集

GPT Image 2.6 提示词

这条提示词能做什么

这条提示词生成的是动画而不是静态图：手机上的「Add to cart」按钮被点击，轻微缩小，变成绿色并出现对勾，然后恢复原样，在白色背景上循环播放。GIF 动图是 GPT Image 2.6 新增的能力，通过 API 调用时把 output_format 设为「gif」即可。

按钮文字和确认状态要一起改：「关注」可以变成带对勾的「已关注」，「收藏」可以让书签图标被填满。一段短循环里只放一个按钮、一次状态变化；发生的事情越多，越难看清。

把这个 GIF 当作动效说明，而不是最终素材。动效满意后，在 Codex 里按提示词里的步骤描述同样的交互，让它在真实按钮上用 CSS 动画实现，这样时长可以调，按钮也真的能点。

同一合集里的其他提示词

• GPT Image 2.6 骨架屏加载动画提示词生成循环 GIF：卡片列表加载时，灰色骨架占位块从左到右闪过微光，然后带头像和文字的真实卡片淡入。
• GPT Image 2.6 开关切换动画提示词生成循环 GIF：设置里的开关从关切到开，圆钮滑到右边，轨道填充为绿色，标签从 Off 变成 On。
• GPT Image 2.6 下拉刷新动画提示词生成循环 GIF：手机信息流下拉刷新，列表被往下拉，加载圈转动，然后新内容从顶部滑入。
• GPT Image 2.6 按参考图换风格提示词用一张参考图的配色、字体和圆角重新设计你现有的 App 界面，布局、内容和文字保持完全不变。
• GPT Image 2.6 圈图修改提示词：只改一个按钮在透明图层上圈出一个按钮，只把它改成深绿色实心主按钮，文字为 Continue，其余内容保持不变。
• GPT Image 2.6 圈图修改提示词：替换一个区块圈出设计稿里的一块区域，只把它换成一张客户评价卡片，沿用现有样式，其他内容保持不变。