Skip to content

[conducted] Implement menu fade/slide transitions #75

@githumps

Description

@githumps

Goal

Add smooth menu transitions to match Pokemon's polished UX feel.

Pokemon Menu Transitions

  • Menus fade in (opacity 0 → 1 over ~200ms)
  • Slight slide effect on open
  • Cursor moves smoothly between options
  • Sound effects sync with visual transitions

Implementation

  1. Add CSS transitions to menu elements
  2. Implement fade-in animation on menu open
  3. Add smooth cursor movement (not instant jump)
  4. Ensure 60fps performance on mobile
  5. Add subtle slide animation (~5-10px)

Priority: P2 | Estimate: 1-2 hours

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions