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

several messages

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-04-22 00:34:37 +02:00
parent 1fcd1c08d7
commit f012a8f74b
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/common.css
View File

@ -85,7 +85,7 @@ tr.cleared-line-animation{
span { span {
position: absolute; position: absolute;
top: 25%; top: 20%;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
@ -96,6 +96,7 @@ span {
#messagesSpan div { #messagesSpan div {
opacity: 0; opacity: 0;
overflow: hidden;
} }
@keyframes show-level-animation { @keyframes show-level-animation {
@ -121,6 +122,8 @@ div.show-level-animation {
from { from {
opacity: 0; opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);
line-height: var(--bs-body-line-height);
} }
30% { 30% {
opacity: 1; opacity: 1;
@ -128,13 +131,13 @@ div.show-level-animation {
} }
80% { 80% {
opacity: 1; opacity: 1;
transform: scale3d(1, 1, 1) translateY(0); transform: scale3d(1, 1, 1);
height: 100%; line-height: var(--bs-body-line-height);
} }
to { to {
opacity: 0; opacity: 0;
transform: scale3d(1.5, 0, 1) translateY(-50%); transform: scale3d(1.5, 0, 1);
height: 0; line-height: 0;
} }
} }
@ -142,6 +145,7 @@ div.show-level-animation {
0% { 0% {
opacity:0; opacity:0;
transform:rotate(200deg); transform:rotate(200deg);
line-height: var(--bs-body-line-height);
} }
30% { 30% {
opacity:1; opacity:1;
@ -150,13 +154,13 @@ div.show-level-animation {
} }
80% { 80% {
opacity: 1; opacity: 1;
transform: scale3d(1, 1, 1) translateY(0); transform: scale3d(1, 1, 1);
height: 100%; line-height: var(--bs-body-line-height);
} }
to { to {
opacity: 0; opacity: 0;
transform: scale3d(1.5, 0, 1) translateY(-50%); transform: scale3d(1.5, 0, 1);
height: 0; line-height: 0;
} }
} }