Subscribe card overlay
A transparent overlay with a simulated button state.
HTML + CSS5 seconds16:9
Before you start
No attached files needed. You can try this example in an empty project.
Layers used: HTML + CSS.
Copy this prompt
Replace bracketed placeholders before running it.
Using HTML and CSS, create a 5-second transparent overlay at 1920x1080. Make a compact lower-third card with initials "AC", channel name "ACME", and a "Subscribe" button. Slide it up, briefly scale the button, change its text to "Subscribed", then slide the card down. Keep everything inside the frame. No audio or external assets.
Note: The button animation is visual only; it does not subscribe viewers.
Continue with the full workflow
kinetic typography generator →Related AI video prompts
Continue with a compatible format, workflow, or visual treatment.
HTML lower third template
A compact name-and-role card.
3 seconds · 16:9
HTML callout card template
A small self-contained highlight card.
3 seconds · 16:9
HTML kinetic title template
A minimal CSS title entrance.
3 seconds · 16:9
Three CSS perspective cards
Three simple cards take turns facing the viewer.
9 seconds · 16:9