fix: align reflection to visual feet using measured 11.1% transparent offset
This commit is contained in:
parent
89f9c5c69a
commit
bc00a7173c
1 changed files with 6 additions and 4 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue