8000 docs: add animation performance tips to the skills and core README by morellodev · Pull Request #315 · awesome-reveal/awesome-reveal · GitHub
[go: up one dir, main page]

Skip to content

docs: add animation performance tips to the skills and core README - #315

Merged
morellodev merged 1 commit into
nextfrom
docs/animation-performance-tips
Oct 15, 2026
Merged

morellodev merged 1 commit into
nextfrom
docs/animation-performance-tips

Conversation

@morellodev
Copy link
Copy Markdown
Collaborator

Summary

The consumer skills and the core README now give tips for smooth custom keyframes:

  • Animate opacity, transform, translate, scale or rotate, because the browser can run them on the compositor.
  • Do not animate layout properties such as width, top or margin, because they cause a layout and a paint on each frame.
  • Do not add will-change for an entrance, because the browser treats an animated property as if will-change already names it.

Sources: MDN Animation performance and frame rate and will-change.

Checklist

  • The PR targets the next branch.
  • The PR title follows Conventional Commits. A breaking change has ! and a BREAKING CHANGE: footer.
  • Tests cover the change. Does not apply: the change is docs only. pnpm format:check, the unit tests and pnpm test:package pass.
  • A change to an option, a default or an export also updates the READMEs, the consumer skills and the examples. Does not apply: no option, default or export changes.

@morellodev
morellodev merged commit b349a4e into next Oct 15, 2026
18 checks passed
@morellodev
morellodev deleted the docs/animation-performance-tips branch October 15, 2026 10:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

0