Minimalist portfolio with clean navigation and content focus.
The overlay with gradient and CTA button appears on hover, revealing project details. The minimalism invites exploration without visual overload.
opacity: 0 → 1 + gradient overlay on :hover Explore Hover & Interactions →A thin line extends under each link on hover, confirming interactivity with minimalist elegance that respects the portfolio's refined style.
width: 0 → 100% via ::after + transition: width 0.3s Explore Navigation & UI →The pulsing dot and luminous lines add subtle movement to an otherwise static page, guiding the eye toward main content.
animation: dotPulse 3s + lineSlide 4s infinite Explore Visual Effects →The bouncing mouse icon invites users to scroll. Essential on a fullscreen portfolio where content is hidden below the fold.
animation: scrollBounce 2.5s ease-in-out infinite Explore Scroll & Parallax →Navigation becomes transparent with blur on scroll, integrating into the minimalist aesthetic while remaining accessible and readable.
backdrop-filter: blur(24px) + transition: all 0.4s Explore Glass & Morphism →On list hover, all items fade except the target one. This "focus on hover" pattern guides attention to the element of interest.
opacity: 0.4 sur siblings + opacity: 1 sur :hover Explore Hover & Interactions →Sections appear sliding upward on scroll with staggered delays. The progressive rhythm reinforces the portfolio's visual storytelling.
opacity + translateY(30px) via IntersectionObserver Explore Scroll & Parallax →