Repository navigation
Hero: fewer repaints while the ring turns - #130
Merged
Merged
Conversation
The hero words, each ring card and the ring's arcs get their own layers, so a scroll frame moves layers instead of repainting the ring with every card on it. The arcs' gliding dashes pause while the ring turns over. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Where the bulge is off (touch screens, or a computer that dropped frames under it), the words blur as they fade with a plain CSS blur on their own layer, which the GPU applies without repainting them. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Touch screens get the bulge as well, to judge on a real phone. Any device that drops frames under it still falls back to the blur alone. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
A phone may run its frames at 30 a second while a finger scrolls or to save power, which tripped the slow-frame fallback straight away. Only a computer is watched now. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Every device is watched again, but the bar sits under the 30 frames a second a phone may keep to while scrolling or saving power, measured on the raw frame gap rather than the capped step. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The hero transition still felt a little laggy on phones. This cuts what each scroll frame has to repaint.
Checked in the browser at desktop and phone widths: layout and fade unchanged, dashes pause and resume. Not yet felt on a real phone.
🤖 Generated with Claude Code