css-transition-stuck-spa-navigation
Installation
SKILL.md
CSS Transition Stuck in SPA Page Navigation
Problem
In single-page applications that show/hide page sections (via display: none/display: block),
CSS transitions on scroll-reveal elements get "stuck" at their initial state after navigating
between pages. Elements have opacity: 0; transform: translateY(24px) and adding a .visible
class (which sets opacity: 1; transform: translateY(0)) doesn't trigger the transition. The
computed style remains at opacity: 0 even with !important inline styles.