revert: remove floor reflection
This commit is contained in:
parent
bc00a7173c
commit
390edd2624
1 changed files with 0 additions and 17 deletions
|
|
@ -255,20 +255,6 @@ html, body {
|
||||||
ROBOT WRAPPER
|
ROBOT WRAPPER
|
||||||
120 BPM = 0.5s per beat. All animations key off this tempo.
|
120 BPM = 0.5s per beat. All animations key off this tempo.
|
||||||
============================================================ */
|
============================================================ */
|
||||||
.robot-reflection {
|
|
||||||
position: absolute;
|
|
||||||
/* 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) 70%);
|
|
||||||
mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 70%);
|
|
||||||
filter: blur(2px) brightness(0.45);
|
|
||||||
}
|
|
||||||
|
|
||||||
.robot-wrap {
|
.robot-wrap {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
@ -765,9 +751,6 @@ html, body {
|
||||||
|
|
||||||
<!-- ===================== ROBOT ===================== -->
|
<!-- ===================== ROBOT ===================== -->
|
||||||
<div class="robot-wrap">
|
<div class="robot-wrap">
|
||||||
<div class="robot-reflection">
|
|
||||||
<img src="skeleton3.apng" class="skeleton-gif" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="beat-wrap">
|
<div class="beat-wrap">
|
||||||
<img src="skeleton3.apng" class="skeleton-gif" alt="skeleton">
|
<img src="skeleton3.apng" class="skeleton-gif" alt="skeleton">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue