A heavily damped, physics-driven glass button. Features a subtle frosted background that physically depresses on click with a smooth, long-tail deceleration curve.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Create an Apple-style magnetic glass button. The button uses a frosted white background (#F8FAFCB3) with backdrop blur and a tiny 1px subtle border (#0000000D). Text is a sleek dark gray (#0F172A). On hover, it brightens slightly and casts a beautifully diffuse shadow (0 20px 40px #00000014). Add a long 700ms physics-based ease-out transition (cubic-bezier(0.33, 1, 0.68, 1)) and implement an active/depressed state scaling down to 0.96.A heavily damped, physics-driven glass button. Features a subtle frosted background that physically depresses on click with a smooth, long-tail deceleration curve.