mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

fix(ui): increase visibility of scroll-triggered header shine

Browse Source 
Former-commit-id: 711a8d124648c992f03c520079af144e8fcbd938
This commit is contained in:
Marc Mintel
2026-05-07 17:32:11 +02:00
parent 990dabf210
commit c8a036a0df
118 changed files with 193 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/layout/Header.tsx
View File

@@ -82,12 +82,12 @@ export function Header({ navLinks }: HeaderProps) {
>
{/* Scroll triggered shine effect */}
{isScrolled && (
<div className="absolute inset-0 z-0 pointer-events-none overflow-hidden rounded-inherit">
<div className="absolute inset-0 z-0 pointer-events-none overflow-hidden rounded-full">
<motion.div
initial={{ left: '-150%' }}
animate={{ left: '100%' }}
transition={{ duration: 1, ease: [0.16, 1, 0.3, 1], delay: 0.1 }}
className="absolute top-0 h-[200%] w-[150%] bg-gradient-to-r from-transparent via-white/50 to-transparent skew-x-[-20deg]"
initial={{ x: '-100%' }}
animate={{ x: '100%' }}
transition={{ duration: 1.5, ease: [0.16, 1, 0.3, 1], delay: 0.3 }}
className="absolute top-0 h-[200%] w-[150%] bg-gradient-to-r from-transparent via-white to-transparent skew-x-[-20deg] mix-blend-overlay"
/>
</div>
)}