gsadmin/KoalaSync
1
0
Fork 0
mirror of https://github.com/Shik3i/KoalaSync.git synced 2026-08-25 18:17:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix bamboo parallax direction: layers follow the scroll, not oppose it

Browse Source 
Scrolling down now moves all bamboo layers up-screen with the content
(near fastest, far slowest) instead of pushing them down against it.
Vertical overscan flipped from top (-70%) to bottom (-40%) so the
upward drift never exposes a gap at the viewport bottom.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
KoalaDev
2026-07-11 10:20:38 +02:00
parent 8175f82f0b
commit fecaa8b54d
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/style.css
+7 -6
View File
@@ -163,9 +163,10 @@ body {
#bamboo-far .bamboo-stalk {
position: absolute;
/* 200% covers the parallax drift (max 0.55vh down) with margin while
keeping the blurred layer 17% smaller than the old 240% overscan. */
top: -70%;
/* 200% covers the upward parallax drift (max 0.55vh on the near layer)
with margin while keeping the blurred layer smaller than the old
240% overscan. Spare coverage sits below, where the drift needs it. */
top: -40%;
height: 200%;
border-radius: 999px;
filter: blur(4.5px);
@@ -193,7 +194,7 @@ body {
#bamboo-far::after {
content: '';
position: absolute;
top: -70%;
top: -40%;
height: 200%;
border-radius: 999px;
filter: blur(6.5px);
@@ -221,7 +222,7 @@ body {
#bamboo-mid .bamboo-stalk {
position: absolute;
top: -70%;
top: -40%;
height: 200%;
border-radius: 999px;
filter: blur(2px);
@@ -283,7 +284,7 @@ body {
#bamboo-near .bamboo-stalk {
position: absolute;
top: -70%;
top: -40%;
height: 200%;
border-radius: 999px;
/* Vertical sheen over the culm gradient: reads as light from the