Fix animation
This commit is contained in:
parent
eae0e19e9a
commit
9df7032ed4
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user