AIDEA Weekly
한국어

↑↓ Enter Esc

MOT-011Counting number

MOT-011

Counting number

  • A large number climbs quickly from 0 to the target.

Make a number counter that climbs from 0 to [target number] over [duration] seconds. Start fast and ease to a stop at the end. Use thousands separators and put "[unit or label]" small underneath. Two seconds after it stops, count again from 0.

Put CSS and JavaScript in a single HTML file. Don't use external libraries or images, and draw in a 16:9 area in the centre of the screen. If prefers-reduced-motion is on, show the final scene without motion.

Blanks

How to use

  1. Borrow (copy) the prompt.
  2. Replace the [brackets] with your own content. Type in the fields below and it updates at once.
  3. Paste it into a new Claude chat and open the HTML file it returns in a browser.

Process

  1. A scene from the guide "Motion graphics with Claude".
  2. The preview is drawn on this site to show the scene this prompt makes.

Same class MOT