fix: align reflection to visual feet using measured 11.1% transparent offset

This commit is contained in:
ltadeu6 2026-06-07 12:47:10 -03:00
parent 89f9c5c69a
commit bc00a7173c
No known key found for this signature in database
GPG key ID: FB9FDAB6B6F3418D

View file

@ -257,14 +257,16 @@ html, body {
============================================================ */
.robot-reflection {
position: absolute;
bottom: 0;
/* skeleton3.apng has 11.1% transparent padding at bottom (feet at 88.8% from top)
= 4.44vh of 40vh. Raise anchor by that amount so it aligns with visual feet. */
bottom: 4.44vh;
left: 50%;
transform: translateX(-50%) scaleY(-0.22);
transform-origin: bottom center;
pointer-events: none;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 100%);
mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 100%);
filter: blur(1.5px) brightness(0.5);
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 70%);
mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 70%);
filter: blur(2px) brightness(0.45);
}
.robot-wrap {