Hero glass panel at bottom with layered parallax
- Hero text panel moved to bottom with frosted glass effect (blur 5px, dark semi-transparent background, hairline top border) - Scroll arrow centered inside glass panel at the bottom - Three-layer parallax: image 55%, text 65%, page 100% - Zeremonie album date fixed (was future-dated, now visible) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+5
-7
@@ -12,15 +12,13 @@
|
||||
var s = window.scrollY;
|
||||
if (s > heroH) { ticking = false; return; }
|
||||
|
||||
// Background: moves at ~70% of scroll speed (30% slower)
|
||||
if (heroBg) heroBg.style.transform = 'translateY(' + (s * 0.3) + 'px)';
|
||||
// Background at 55%, text at 80% — both slower than normal, image slowest
|
||||
if (heroBg) heroBg.style.transform = 'translateY(' + (s * 0.45) + 'px)';
|
||||
if (heroFg) heroFg.style.transform = 'translateY(' + (s * 0.35) + 'px)';
|
||||
|
||||
// Foreground text: moves at ~85% of scroll speed (15% slower)
|
||||
if (heroFg) heroFg.style.transform = 'translateY(' + (s * 0.15) + 'px)';
|
||||
|
||||
// Scroll arrow: fades out in the first 25% of the hero height
|
||||
// Scroll arrow fades out over the first 30% of hero height
|
||||
if (heroScroll) {
|
||||
heroScroll.style.opacity = Math.max(0, 1 - s / (heroH * 0.25)).toFixed(3);
|
||||
heroScroll.style.opacity = Math.max(0, 1 - s / (heroH * 0.3)).toFixed(3);
|
||||
}
|
||||
|
||||
ticking = false;
|
||||
|
||||
Reference in New Issue
Block a user