AI CSS Animations

Premium

Bus Destination Blind

A backlit fabric destination blind behind a bus's dusty windscreen: the tubes flicker on, then route numbers and bold condensed destinations roll past at speed with weave and seams, overshoot and settle on each stop, and land on the final route.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
HTML/CSS
Topics
Kinetic type
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

Before LED signs, buses showed their route on a long printed fabric or film blind wound between two rollers and lit from behind by fluorescent tubes. Drivers or motors wound it to the right entry, and the glowing, slightly soft white letters on black became part of the look of city streets. Designers still borrow the type and the mechanics, condensed capitals, a separate number box, the overshoot as the roller stops, for transit branding, posters and title sequences.

Premium

Unlock the prompt

Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.

Similar prompts

More like this on the motion design inspiration board: Kinetic typography inspiration