-
Notifications
You must be signed in to change notification settings - Fork 0
Open
Description
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
Labels
No labels