ISby Informeek Studio·Made with Claude·6 November 2026
LiveHover, click and tab through the buttons
The prompt
Claude · Claude Opus 5.5
Make a set of six animated buttons on a dark background, each in its own tile with a small label: a button with a light shine that sweeps across on hover, a button with a glowing gradient ring, a button that fills with colour sliding in from the left, a "Continue" button whose arrow moves on hover, a "Save changes" button that shows a spinner when clicked, and a "Press me" button that sinks when pressed. Use only CSS for the animations and keep every button keyboard focusable.
Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.
Use it in three steps
Copy the prompt with the button above.
Paste it into your tool, such as v0, Lovable, Bolt or Claude.
Make it yours by picking the style you like and changing its colours and text.
About these CSS animated buttons
Buttons are the most clicked thing on any website, so a little motion goes a long way. This set shows six CSS animated buttons side by side, each demonstrating one technique you can reuse.
The shine sweeps a band of light across on hover. The glow ring spins a soft gradient around the edge. The slide fill pours colour in from the left. The arrow on “Continue” nudges forward, the “Save changes” button swaps its label for a spinner when clicked, and “Press me” sinks slightly under your cursor. All of it is plain CSS, so it stays fast.
Why the prompt works
It describes each effect in one plain phrase, so all six come out distinct.
It asks for CSS only, which keeps the result light.
It requires keyboard focus, so the buttons work for everyone.
When to use it
Pick one style per website and use it everywhere. Mixing several effects on one page makes the interface feel inconsistent.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
We use cookies to measure how the site is used and, if you allow it, to show advertising. Prompts you copy and previews you try are never collected. See our privacy policy.