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;
}
.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; }

15
src/scripts/main.js
View File

@ -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
);
}