Implement basic background animation for closed screen.

This commit is contained in:
2019-03-03 17:22:29 +01:00
parent bfea8896de
commit ebe4e85fad
8 changed files with 148 additions and 2 deletions

View File

@@ -61,6 +61,16 @@ transform: rotate(360deg);
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
body.open {
height:100%;
background-color: #a3d165;
@@ -96,5 +106,14 @@ animation:starrotation 10s;
-o-animation:starration 10s; /* Opera */
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.closed_notice {
position: absolute;
font-weight: bold;
font-size: 16pt;
text-transform: uppercase;
animation: fadeOut 3s forwards;
animation-timing-function: linear;
animation-iteration-count: 1;
}