Add to cart button animation prompt for GPT Image 2.6

A looping GIF of an Add to cart button being tapped: it shrinks slightly, turns green, shows a check mark and returns to normal.

A short looping animation of a mobile "Add to cart" button being tapped: it scales down slightly, turns green, and shows a check mark, then returns to normal. Flat UI style, white background, no extra text.

Works with

GPT Image 2.6

From the set

GPT Image 2.6 prompts

About this prompt

This prompt produces an animation rather than a still: a mobile “Add to cart” button is tapped, scales down slightly, turns green, shows a check mark and then returns to its normal state, looping on a white background. Animated GIFs are new in GPT Image 2.6; through the API you ask for one by setting output_format to “gif”.

Change the label and the confirmation together: “Follow” could turn into “Following” with a check, “Save” could fill a bookmark icon. Keep it to one button and one state change; the more that happens in a short loop, the harder it is to follow.

Treat the GIF as a motion spec, not a final asset. Once you like the motion, ask Codex to build the same interaction as a CSS animation on a real button, describing the steps from the prompt, so the timing can be tuned and the button actually responds to taps.

More prompts from this set

• Skeleton loading animation prompt for GPT Image 2.6A looping GIF of a card list loading: gray skeleton placeholders shimmer left to right, then real cards with avatars and text fade in.
• Toggle switch animation prompt for GPT Image 2.6A looping GIF of a settings toggle switching on: the knob slides right, the track fills green and the label changes from Off to On.
• Pull to refresh animation prompt for GPT Image 2.6A looping GIF of pull-to-refresh on a mobile feed: the list is pulled down, a spinner rotates and new items slide in at the top.
• Reference image restyle prompt for GPT Image 2.6Restyle your current app screen with the colors, typography and corner radius of a reference image, while the layout and text stay the same.
• Markup edit prompt to change one button in GPT Image 2.6Circle one button on a transparent overlay and change only that button to a solid dark green primary style labelled Continue.
• Markup edit prompt to replace a section in GPT Image 2.6Circle an area of your design and replace only that section with a testimonial card, matching the existing styles and leaving the rest unchanged.