Skip to content

Slow and reverse hero neon scan animation#48

Merged
Gonza10V merged 2 commits into
mainfrom
codex/slow-down-programming-animation
Jul 14, 2026
Merged

Slow and reverse hero neon scan animation#48
Gonza10V merged 2 commits into
mainfrom
codex/slow-down-programming-animation

Conversation

@Gonza10V

Copy link
Copy Markdown
Contributor

Motivation

  • Reduce the intensity/flicker of the hero neon effect and change its motion to better match the intended visual direction.

Description

  • Change the .hero-neon-text--active animation from 2.4s var(--ease-out) 2 to 7.2s linear 2 to slow the scan and use a linear timing function.
  • Reverse the @keyframes hero-neon-scan background-position endpoints so the scan now moves from 120% to -120% instead of the opposite direction.
  • Preserve existing filter and will-change properties to maintain the neon glow behavior.

Testing

  • Ran stylelint against the CSS and it completed without errors.
  • Ran npm test (project unit tests) and all tests passed.
  • Performed a local build with npm run build and it finished successfully.

Codex Task

@Gonza10V
Gonza10V merged commit 7194f7c into main Jul 14, 2026
1 check passed
@Gonza10V
Gonza10V deleted the codex/slow-down-programming-animation branch July 14, 2026 18:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant