fistmas 2022: lights: add
parent
f190f86709
commit
6ad8a7f879
|
@ -256,23 +256,28 @@ textarea, input[type=textbox], input[type=search] {
|
||||||
cursor: url(/assets/images/event/pointer.png), auto !important;
|
cursor: url(/assets/images/event/pointer.png), auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar:after {
|
/* lights */
|
||||||
|
|
||||||
|
.navbar::after, .lights::after {
|
||||||
content: "";
|
content: "";
|
||||||
background-image: url('/assets/images/event/lights.png');
|
position: absolute;
|
||||||
position: fixed;
|
top: 0;
|
||||||
top: 60px;
|
|
||||||
left: 0;
|
left: 0;
|
||||||
|
height: 57px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 74px;
|
background: url(https://i.imgur.com/Lhfdgx5.png);
|
||||||
/* Prevents clicks, to simulate an "overlay", see @nekobit's CSS */
|
animation: lights 1s infinite steps(2);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background-repeat: repeat-x;
|
|
||||||
background-size: 220px 70px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
@keyframes lights {
|
||||||
.navbar:after {
|
0% {
|
||||||
top: 40px;
|
/*Two zeros, not one !!*/
|
||||||
|
/*[0] is equivalent to [0 50%] and will create a different animation */
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-position: 0 -138px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue