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 {
|
.robot-reflection {
|
||||||
position: absolute;
|
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%;
|
left: 50%;
|
||||||
transform: translateX(-50%) scaleY(-0.22);
|
transform: translateX(-50%) scaleY(-0.22);
|
||||||
transform-origin: bottom center;
|
transform-origin: bottom center;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 100%);
|
-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) 100%);
|
mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 70%);
|
||||||
filter: blur(1.5px) brightness(0.5);
|
filter: blur(2px) brightness(0.45);
|
||||||
}
|
}
|
||||||
|
|
||||||
.robot-wrap {
|
.robot-wrap {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue