Launch Simulator — Animation Preview
Hover each button to feel its interaction. Pick an icon and an animation, then tell me your choice — I'll apply it to all 5 module cards on the dashboard.
Icon:
Watch the icon — rocket tilts up on hover, car drives right.
1. Glow Pulse
Soft halo pulses outward every couple seconds. Calm but draws attention. Good for "this is the obvious next step."
2. Shimmer Sweep
A light reflection slides across the button periodically. Premium feel — like Apple's product pages.
3. Breathing Scale
Very subtle scale-up-and-down loop. Whispers "I'm alive, click me" without being annoying.
4. Hover Lift + Arrow
Calm at rest. On hover the button lifts with a deep shadow and a "→" slides in. Rewarding interaction.
5. Gradient Flow
Color slowly shifts between your brand colors — primary blue, secondary, accent orange. Warm and energetic.
6. Bounce Nudge
Button bumps up every 4 seconds — like it's tapping you on the shoulder. Playful; great for student-facing CTAs.
7. Premium (Glow + Shimmer)
Combo: halo pulse AND light sweep at the same time. The most attention-grabbing — use if you really want students to click.
8. Neon Border
A rotating orange-blue border traces around the button forever. Bold, gamer-style energy.
Tip: The "always on" animations (1, 2, 3, 5, 6, 7, 8) catch attention even when the student isn't hovering. The "hover only" one (4) stays calm until interacted with — more professional for a dashboard with many other elements competing for attention.