From 9b45c106cc8ea58581cf8cc1a5797b2fa28f16e7 Mon Sep 17 00:00:00 2001 From: adrien Date: Mon, 24 Apr 2023 20:37:39 +0200 Subject: [PATCH] add neon style --- css/neon.css | 45 +++++++++++++++++++++++++++++++++++++++++++++ index.html | 3 ++- 2 files changed, 47 insertions(+), 1 deletion(-) create mode 100644 css/neon.css diff --git a/css/neon.css b/css/neon.css new file mode 100644 index 0000000..dc98cb0 --- /dev/null +++ b/css/neon.css @@ -0,0 +1,45 @@ +.mino { + background: rgba(255, 255, 255, 10%); + border: 5px solid; + padding: 0; + opacity: 100%; + border-radius: 4px; + filter: blur(1px) +} + +.I.mino { + border-color: #9bf6ff; +} + +.J.mino { + border-color: #a0c4ff; +} + +.L.mino { + border-color: #ffd6a5; +} + +.O.mino { + border-color: #fdffb6; +} + +.T.mino { + border-color: #bdb2ff; +} + +.S.mino { + border-color: #caffbf; +} + +.Z.mino { + border-color: #ffadad; +} + +.locked.mino { + border-color: white; + filter: blur(2px); +} + +.ghost.mino { + filter: brightness(150%) blur(2px); +} \ No newline at end of file diff --git a/index.html b/index.html index 2aabc66..c1b7e2f 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,8 @@ - + +