diff --git a/css/classic.css b/css/classic.css index 8c5472a..5b41e88 100644 --- a/css/classic.css +++ b/css/classic.css @@ -109,10 +109,24 @@ @keyframes locked-animation { from { filter: saturate(50%) brightness(400%); + box-shadow: + -1px -1px 4px #FFF2, + -1px 1px 4px #FFF2, + 1px -1px 4px #FFF2, + 1px 1px 4px #FFF2; + } + 50% { box-shadow: - -1px -1px 4px #FFF2, - -1px 1px 4px #FFF2, - 1px -1px 4px #FFF2, - 1px 1px 4px #FFF2; + -1px -1px 6px #FFF4, + -1px 1px 6px #FFF4, + 1px -1px 6px #FFF4, + 1px 1px 6px #FFF4; + } + to { + box-shadow: + -1px -1px 0 #FFF2, + -1px 1px 0 #FFF2, + 1px -1px 0 #FFF2, + 1px 1px 0 #FFF2; } } diff --git a/css/stereo.css b/css/stereo.css index 42a3057..22b7fdd 100644 --- a/css/stereo.css +++ b/css/stereo.css @@ -150,9 +150,10 @@ td.trail-animation { --center-y: calc(35% + var(--light-y) * 10%); background: radial-gradient( circle at var(--center-x) var(--center-y), - var(--center-color) 10%, + var(--center-color) 15%, var(--edge-color) 100% ); + box-shadow: 0 0 7px hsla(var(--h), var(--s), calc(var(--l) * var(--light) * 1.3), 20%); } /* Left face */ @@ -218,13 +219,13 @@ tr.cleared-line-animation td::after { transform-origin: bottom; } -.J.mino, .J.mino + :not(.mino) { --h: 210deg; --s: 78%; --l: 52%; --a: 0.8; } -.L.mino, .L.mino + :not(.mino) { --h: 28deg; --s: 85%; --l: 52%; --a: 0.8; } -.O.mino, .O.mino + :not(.mino) { --h: 48deg; --s: 88%; --l: 52%; --a: 0.8; } -.I.mino, .I.mino + :not(.mino) { --h: 200deg; --s: 70%; --l: 52%; --a: 0.8; } -.S.mino, .S.mino + :not(.mino) { --h: 118deg; --s: 45%; --l: 52%; --a: 0.8; } -.T.mino, .T.mino + :not(.mino) { --h: 293deg; --s: 48%; --l: 52%; --a: 0.8; } -.Z.mino, .Z.mino + :not(.mino) { --h: 352deg; --s: 75%; --l: 52%; --a: 0.8; } +.J.mino, .J.mino + :not(.mino) { --h: 210deg; --s: 78%; --l: 52%; --a: 0.75; } +.L.mino, .L.mino + :not(.mino) { --h: 28deg; --s: 85%; --l: 52%; --a: 0.75; } +.O.mino, .O.mino + :not(.mino) { --h: 48deg; --s: 88%; --l: 52%; --a: 0.75; } +.I.mino, .I.mino + :not(.mino) { --h: 200deg; --s: 70%; --l: 52%; --a: 0.75; } +.S.mino, .S.mino + :not(.mino) { --h: 118deg; --s: 45%; --l: 52%; --a: 0.75; } +.T.mino, .T.mino + :not(.mino) { --h: 293deg; --s: 48%; --l: 52%; --a: 0.75; } +.Z.mino, .Z.mino + :not(.mino) { --h: 352deg; --s: 75%; --l: 52%; --a: 0.75; } .ghost.mino, .ghost.mino + :not(.mino) { --h: 0deg; --s: 0%; --l: 55%; --a: 0.40; } .locking.mino, .locking.mino + :not(.mino) { --h: 0deg; --s: 0%; --l: 92%; --a: 0.72; }