Implement basic background animation for closed screen.
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -4,5 +4,5 @@ require_once '../vendor/autoload.php';
|
||||
if (\FooBar\Configuration::loadConfig()->isOpen()) {
|
||||
require 'isOpen.php';
|
||||
} else {
|
||||
require 'isGesloten.php';
|
||||
require '../templates/closed.html';
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user