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

message fade out

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-06-06 00:40:20 +02:00
parent c85aaf96a8
commit 29a3a3fcc6
1 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
style.css
View File

@ -17,18 +17,23 @@ body {
@keyframes escaped{ @keyframes escaped{
0% { 0% {
opacity: 0%; opacity: 0%;
background: transparent;
height: 10vh; height: 10vh;
padding-top: 90vh; padding-top: 90vh;
} }
33%, 66% {
opacity: 100%;
height: 70vh;
padding-top: 30vh;
}
100% {
opacity: 0%;
height: 60vh;
padding-top: 40vh;
}
} }
#message { #message {
display: none; display: none;
}
#message.escaped {
display: flex;
position: absolute; position: absolute;
left: 0; left: 0;
width: 100%; width: 100%;
@ -36,11 +41,13 @@ body {
font-size: 10vh; font-size: 10vh;
font-family: Georgia, serif; font-family: Georgia, serif;
color: gray; color: gray;
background: transparent;
justify-content: center; justify-content: center;
animation: escaped 5s;
height: 60vh;
padding-top: 40vh;
opacity: 100%;
cursor: default;
z-index: 1; z-index: 1;
} }
#message.escaped {
display: flex;
animation: escaped 15s;
opacity: 0%;
}