diff --git a/css/stereo.css b/css/stereo.css index 2db3b47..3a50748 100644 --- a/css/stereo.css +++ b/css/stereo.css @@ -111,7 +111,7 @@ tr.matrix td:not(.mino) { .minoes-table td { width: var(--cell-side) !important; - height: var(--cell-side); + height: var(--cell-side) !important; overflow: visible; } @@ -127,7 +127,7 @@ tr.matrix td:not(.mino) { --center-x: calc(35% + var(--light-x) * 10%); --center-y: calc(35% + var(--light-y) * 10%); --center-color: hsla(var(--h), var(--s), calc(var(--l) * var(--light) * 1.1), var(--a)); - --edge-color: hsla(var(--h), var(--s), calc(var(--l) * (var(--light) * 0.8)), var(--a)); + --edge-color: hsla(var(--h), var(--s), calc(var(--l) * (var(--light) * 0.9)), var(--a)); background: radial-gradient( circle at var(--center-x) var(--center-y), var(--center-color) 10%, @@ -180,7 +180,7 @@ tr.matrix td:not(.mino) { + (var(--light-x) * -0.2) + (var(--light-y) * 0.15) ); - transform: translateZ(calc(-1 * var(--cell-side))) rotateY(-90deg); + transform: translate3d(-1px, -1px, calc(-1 * var(--cell-side))) rotateY(-90deg); transform-origin: left; } @@ -196,12 +196,12 @@ tr.matrix td:not(.mino) { --center-x: calc(65% + var(--light-x) * 10%); --center-y: calc(35% + var(--light-y) * 10%); filter: saturate(0.95); - transform: translateZ(calc(-1 * var(--cell-side))) rotateY(-90deg); + transform: translate3d(0, 1px, calc(-1 * var(--cell-side))) rotateY(-90deg); transform-origin: left; } .right .minoes-table .mino:last-child::before { - transform: translateZ(calc(-1 * var(--cell-side))) rotateY(90deg) !important; + transform: translate3d(-1px, -1px, calc(-1 * var(--cell-side))) rotateY(90deg) !important; transform-origin: right !important; } @@ -211,7 +211,7 @@ tr.matrix td:not(.mino) { 1.5 + (var(--light-y) * 0.2) ); - transform: translateZ(calc(-1 * var(--cell-side))) rotateX(90deg); + transform: translate3d(-1px, -1px, calc(-1 * var(--cell-side))) rotateX(90deg); transform-origin: top; } @@ -224,7 +224,7 @@ tr.matrix td:not(.mino) { --center-x: calc(65% + var(--light-x) * 10%); --center-y: calc(65% + var(--light-y) * 10%); filter: saturate(0.95); - transform: translateZ(calc(-1 * var(--cell-side))) rotateX(-90deg); + transform: translate3d(-1px, -1px, calc(-1 * var(--cell-side))) rotateX(-90deg); transform-origin: bottom; }