Button Animations Showcase
15 professional animation styles for Anurag University. Hover and click each card to preview live.
Shimmer Sweep
A diagonal gloss sweeps across on hover. Non-distracting, premium feel.
Hover →
Lift & Shadow
Button floats up with a soft red glow on hover. Tactile & confident.
Hover →
Ripple on Click
Ripple wave expands from click point. Satisfying & responsive.
Click ↓
Slide Fill
Red fill slides in from left on hover, inverting text from red → white.
Hover →
Pulse Glow
A continuous red glow pulses to draw attention before any hover.
Watch it pulse
Magnetic Cursor
Button subtly follows cursor movement like a magnet. Very premium.
Hover & move mouse
Text Slide Up
Text slides out upward on hover and new text slides in from below.
Hover →
Spring Bounce
Button bounces with a spring physics feel. Energetic & engaging.
Hover →
Neon Glow
Intense red neon glow radiates outward on hover. High-impact CTA.
Hover →
Arrow Slide In
Arrow icon slides in from the right on hover. Directional & purposeful.
Hover →
3D Tilt
Button tilts in 3D perspective following cursor position.
Hover & move mouse
Jelly Wobble
Button wobbles like jelly on hover. Great for friendly campus CTAs.
Hover →
Loading State
Click to see idle → loading → success transition. Perfect for forms.
Click to trigger
Shake
Button shakes horizontally on click — great for error/locked states.
Click to shake
Particle Burst
Red particles burst from the click point. High-energy event CTAs.
Click ↓
ANURAG UNIVERSITY · BUTTON ANIMATIONS · INTERNAL PREVIEW ONLY