Skip to content

_🛠️ Refactor suggestion_**Respect user motion preferences** #35

@jabez007

Description

@jabez007

The perpetual floatOrb keyframe is eye-catching but can discomfort users who prefer reduced motion. Wrap the animation inside a @media (prefers-reduced-motion: reduce) query to pause or replace it with a static style.

🤖 Prompt for AI Agents
In src/assets/orbs.css around lines 65 to 84, the floatOrb keyframe animation
runs continuously, which can cause discomfort for users who prefer reduced
motion. To fix this, wrap the animation usage in a @media
(prefers-reduced-motion: reduce) CSS media query and either pause the animation
or replace it with a static style for those users, ensuring the animation
respects their motion preferences.

Originally posted by @coderabbitai[bot] in #34 (comment)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions