Fix animation

This commit is contained in:
swaggboi 2022-02-15 20:31:53 -05:00
parent eae0e19e9a
commit 9df7032ed4

View File

@ -29,9 +29,9 @@ html, body {
text-align: center; text-align: center;
width: 70%; width: 70%;
padding: 1em; padding: 1em;
-webkit-animation-name: from_top; -webkit-animation-name: fade_in;
-webkit-animation-duration: 1.5s; -webkit-animation-duration: 1.5s;
animation-name: from_top; animation-name: fade_in;
animation-duration: 1.5s; animation-duration: 1.5s;
position: absolute; position: absolute;
z-index: 10; z-index: 10;
@ -95,26 +95,22 @@ html, body {
display: none; display: none;
} }
@-webkit-keyframes from_top { @-webkit-keyframes fade_in {
from { from {
top: -25%;
opacity: 0; opacity: 0;
} }
to { to {
top: 25%;
opacity: 1; opacity: 1;
} }
} }
@keyframes from_top { @keyframes fade_in {
from { from {
top: -25%;
opacity: 0; opacity: 0;
} }
to { to {
top: 25%;
opacity: 1; opacity: 1;
} }
} }