标签合集
145 个同时带有「button」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。
相关标签 —— 点击可组合筛选
An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Aurora Teal palette.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Candy Pink palette.
A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Mono Pearl palette.
Soft white ripples expand from the exact click point on a gradient pill, animating size and fade then self-removing.
Button that magnetically follows the cursor within bounds.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Royal Gold palette.
A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Deep Indigo palette.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Mint Breeze palette.
Button with pulsing glow rings radiating outward.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Sunset Amber palette.
A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Cyber Lime palette.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Rose Gold palette.
Hold the destructive button for 1.2s as a red fill sweeps across — releasing early cancels the action.
Primary button with neon glow, hover lift and active press effect.
Button with animated gradient border using a rotating conic background.
Button with a diagonal light sweep shimmer across its surface on hover.
A subtle button that pops a spring-animated tooltip bubble into view on hover. Rendered in the Aurora Teal palette.
A big CTA that springs toward the cursor while hovered and snaps back on leave — 35% follow ratio.
An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Crimson Heat palette.
Input with attached action button (e.g. copy or search).
Organic blob CTA whose border-radius melts and follows the cursor, with a rotating sheen on hover.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Ocean Sky palette.
Circular icon-only button with focus ring and active scale.
Button that shows a spinner while busy, then success check.
A subtle button that pops a spring-animated tooltip bubble into view on hover. Rendered in the Sunset Amber palette.
An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Deep Indigo palette.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Ultra Violet palette.
Click the button and 44 colored pieces explode outward with gravity, rotation and fade — vanilla JS physics.
A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Royal Gold palette.
Two gradient buttons with neon glow, hover lift and press scale used side by side.
A primary button sweeping a diagonal light shimmer on hover.
A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Aurora Teal palette.
Outline and ghost button pair with hover fills and focus rings.
Three gradient bars morph into an X with a springy cubic-bezier when toggled — the classic nav button.
Tri-state CTA: idle, animated shimmer sweep with ellipsis dots while loading, then a morphing green ✓ success state.
An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Ocean Sky palette.
Icon-plus-label button with ripple, tooltip and disabled state.
Input fused with an action button (copy/search) with shared hover state.
Button cycling idle/loading/success with spinner swap and disabled guard.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Cyber Lime palette.
An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Mint Breeze palette.
A subtle button that pops a spring-animated tooltip bubble into view on hover. Rendered in the Rose Gold palette.
Primary split button revealing secondary actions in a dropdown.
A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Candy Pink palette.
A CTA wrapped in an animated conic-gradient ring rotating via @property — with a cyan colorway variant.
A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Crimson Heat palette.
A subtle button that pops a spring-animated tooltip bubble into view on hover. Rendered in the Mono Pearl palette.
On action the button draws a circle then a check via stroke-dashoffset animation and tints green — completion feedback.
A subtle button that pops a spring-animated tooltip bubble into view on hover. Rendered in the Deep Indigo palette.
A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Ultra Violet palette.