Animated CSS buttons to copy: hover and click effects

Buttons with an animation that means something: a magnetic button that follows the cursor, a ripple on click, a loading state that turns into a success check, a like button with particles, an expandable menu button. And a whole set of border and fill effects: animated or rotating gradient border, light border, drawn border, diagonal shine, left-to-right fill, pulsing shadow, neon, glitch, sparks on hover.

Each one lets you set colour, size and timing before you copy it. Use them for the one action that matters on a page: sign up, buy, send, continue.