Hide content before animation finishes
This commit is contained in:
parent
6d32f9b4f5
commit
3f03b0b13d
1 changed files with 14 additions and 0 deletions
|
@ -17,6 +17,8 @@
|
||||||
body {
|
body {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
animation: hideContent 2.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
|
@ -97,4 +99,16 @@ hr {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: none;
|
transform: none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes hideContent {
|
||||||
|
0% {
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue