ordinarthur/rebours
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove scan effect on product panel image

Browse Source
This commit is contained in:
ordinarthur 2026-03-30 18:14:10 +02:00
parent 5257e53487
commit 0e07c4acd6
2 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/style.css
View File

@ -779,8 +779,8 @@ hr { border: none; border-top: var(--border); margin: 0; }
top: 0; top: 0;
} }
.tech-visible .tech-scanline { .tech-visible .tech-scanline {
animation: techScanLine 1s ease-in-out forwards; /* disabled — scan effect removed for cleaner look */
animation-delay: 0.1s; opacity: 0;
} }
@keyframes techScanLine { @keyframes techScanLine {
0% { top: 0%; opacity: 1; } 0% { top: 0%; opacity: 1; }

15
src/scripts/main.js
View File

@ -353,12 +353,8 @@ document.addEventListener('DOMContentLoaded', () => {
0 0
); );
// 2. Scan line sweeps // 2. Scan line — disabled for cleaner look
techTimeline.fromTo(scanline, gsap.set(scanline, { opacity: 0 });
{ top: '0%', opacity: 1 },
{ top: '100%', opacity: 0, duration: 1.1, ease: 'power2.inOut' },
0
);
// 3. Corner brackets draw in (scale from corner) // 3. Corner brackets draw in (scale from corner)
corners.forEach((c, i) => { corners.forEach((c, i) => {
@ -405,13 +401,12 @@ document.addEventListener('DOMContentLoaded', () => {
0.6 0.6
); );
// 7. Panel image scan reveal — subtle // 7. Panel image — simple fade in, no scan/filter effect
const panelImg = document.getElementById('panel-img'); const panelImg = document.getElementById('panel-img');
if (panelImg) { if (panelImg) {
techTimeline.fromTo(panelImg, techTimeline.fromTo(panelImg,
{ clipPath: 'inset(0 0 100% 0)', filter: 'brightness(1.05) grayscale(30%)' }, { opacity: 0 },
{ clipPath: 'inset(0 0 0% 0)', filter: 'brightness(1) contrast(1) grayscale(0%)', { opacity: 0.92, duration: 0.8, ease: 'power2.out' },
duration: 1, ease: 'power3.out' },
0.05 0.05
); );
} }