diff --git a/public/style.css b/public/style.css index 26be1c4..28da787 100644 --- a/public/style.css +++ b/public/style.css @@ -779,8 +779,8 @@ hr { border: none; border-top: var(--border); margin: 0; } top: 0; } .tech-visible .tech-scanline { - animation: techScanLine 1s ease-in-out forwards; - animation-delay: 0.1s; + /* disabled — scan effect removed for cleaner look */ + opacity: 0; } @keyframes techScanLine { 0% { top: 0%; opacity: 1; } diff --git a/src/scripts/main.js b/src/scripts/main.js index f042e5b..70d05b9 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -353,12 +353,8 @@ document.addEventListener('DOMContentLoaded', () => { 0 ); - // 2. Scan line sweeps - techTimeline.fromTo(scanline, - { top: '0%', opacity: 1 }, - { top: '100%', opacity: 0, duration: 1.1, ease: 'power2.inOut' }, - 0 - ); + // 2. Scan line — disabled for cleaner look + gsap.set(scanline, { opacity: 0 }); // 3. Corner brackets draw in (scale from corner) corners.forEach((c, i) => { @@ -405,13 +401,12 @@ document.addEventListener('DOMContentLoaded', () => { 0.6 ); - // 7. Panel image scan reveal — subtle + // 7. Panel image — simple fade in, no scan/filter effect const panelImg = document.getElementById('panel-img'); if (panelImg) { techTimeline.fromTo(panelImg, - { clipPath: 'inset(0 0 100% 0)', filter: 'brightness(1.05) grayscale(30%)' }, - { clipPath: 'inset(0 0 0% 0)', filter: 'brightness(1) contrast(1) grayscale(0%)', - duration: 1, ease: 'power3.out' }, + { opacity: 0 }, + { opacity: 0.92, duration: 0.8, ease: 'power2.out' }, 0.05 ); }