feat: section open/close animations via ViewTransition and @starting-style

Enable experimental.viewTransition in Next.js config. Wrap active section
in ViewTransitionWrapper so the browser cross-fades between sections on
navigation. Replace animate-fadeIn keyframe with @starting-style + CSS
transition for the initial render enter animation.
This commit is contained in:
Ilia Mashkov
2026-05-12 16:10:50 +03:00
parent 7cba3053f4
commit d28343e22c
4 changed files with 56 additions and 18 deletions
+3
View File
@@ -8,6 +8,9 @@ const isExport = process.env.STATIC_EXPORT === 'true';
const nextConfig: NextConfig = {
...(isExport ? { output: 'export' } : {}),
images: { unoptimized: true },
experimental: {
viewTransition: true,
},
};
export default nextConfig;