Skip to content

P2: Add spring transitions to filter chip toggling #21

Description

@hasitpbhatt

Problem: Filter chips snap instantly between active/inactive states with no animation. Apple's buttons use smooth transitions with color interpolation.

Fix:

  • Add CSS transition with cubic-bezier spring easing to .filter-chip
  • active state should interpolate background, border-color, and text-color over ~250ms
  • Use a spring curve like cubic-bezier(0.22, 1, 0.36, 1)

Files to modify:

  • css/style.css — .filter-chip transition property

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