adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add neon style

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-04-24 20:37:39 +02:00
parent 0f7e63d1c7
commit 9b45c106cc
2 changed files with 47 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
css/neon.css Normal file
View File

@ -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);
}

3
index.html
View File

@ -8,7 +8,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
<link href="css/common.css" rel="stylesheet">
<link href="css/99.css" rel="stylesheet" title="99">
<link href="css/effect.css" rel="alternate stylesheet" title="Effect">
<link href="css/effect.css" rel="alternate stylesheet" title="Effet">
<link href="css/neon.css" rel="alternate stylesheet" title="Néon">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">