Skip to content

Feature: add hover and press motion to landing buttons - #84

Merged
SandObserver merged 1 commit into
mainfrom
feat/landing-button-motion
Oct 5, 2026
Merged

SandObserver merged 1 commit into
mainfrom
feat/landing-button-motion

Conversation

@SandObserver

Copy link
Copy Markdown
Owner

Summary

  • Fade background and text colour over 0.2s on the landing page pills and buttons, and fade link colour over 0.2s.
  • Scale pills and buttons to 97% while pressed.
  • Add a hover state to the solid Install pill in the nav, which had none.
  • Drop every transition to 0.01ms under prefers-reduced-motion: reduce.

Testing
All green. Computed styles, forced hover and active states, and reduced motion checked in headless Chrome against the production preview, light and dark schemes.

Checklist

  • npm run build and npm run check both pass.
  • Product UI is shown by running or capturing it, never recreated in CSS.
  • Any new preview or screenshot carries no private hostnames or real data.
  • Visual changes verified in both colour schemes and both docs themes.
  • Links to the app repo still resolve.

@SandObserver SandObserver added the ui/ux UI, UX, and accessibility only fix label Oct 5, 2026
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying stackyard-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: 1ef739d
Status: ✅  Deploy successful!
Preview URL: https://138b440c.stackyard-docs.pages.dev
Branch Preview URL: https://feat-landing-button-motion.stackyard-docs.pages.dev

View logs

@SandObserver
SandObserver merged commit 5310ab8 into main Oct 5, 2026
2 of 3 checks passed
@SandObserver
SandObserver deleted the feat/landing-button-motion branch October 5, 2026 20:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ui/ux UI, UX, and accessibility only fix

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant