fix falling neofox
This commit is contained in:
parent
1211ab1740
commit
cb481a7423
1 changed files with 8 additions and 7 deletions
|
@ -16,7 +16,7 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
background: black;
|
background: black;
|
||||||
color: white;
|
color: white;
|
||||||
position:absolute;
|
position: absolute;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
@ -35,15 +35,16 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.fadeout {
|
.fadeout {
|
||||||
animation-name: fadeout;
|
animation-name: fadeout;
|
||||||
animation-duration: 1000ms;
|
animation-duration: 1000ms;
|
||||||
animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadeout {
|
@keyframes fadeout {
|
||||||
from {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
@ -159,10 +160,10 @@ a img {
|
||||||
|
|
||||||
@keyframes fall {
|
@keyframes fall {
|
||||||
0% {
|
0% {
|
||||||
transform: translateY(0) rotate(0);
|
transform: translateY(-50vh) rotate(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
transform: translateY(200vh) rotate(180deg);
|
transform: translateY(150vh) rotate(180deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Add table
Reference in a new issue