Minor modifications to menu animation.

This commit is contained in:
Daniel Scalzi 2018-04-26 04:00:51 -04:00
parent 22f5eabe49
commit 4b708f59fe
No known key found for this signature in database
GPG Key ID: 5CA2F145B63535F9
2 changed files with 11 additions and 5 deletions

View File

@ -898,7 +898,7 @@ p {
/* Upper content container. */ /* Upper content container. */
#landingContainer > #upper { #landingContainer > #upper {
position: relative; position: relative;
transition: 2s ease; transition: top 2s ease;
top: 0px; top: 0px;
height: 77%; height: 77%;
display: flex; display: flex;
@ -928,7 +928,7 @@ p {
} }
#landingContainer > #lower > #left { #landingContainer > #lower > #left {
position: relative; position: relative;
transition: 2s ease; transition: top 2s ease;
top: 0px; top: 0px;
height: 100%; height: 100%;
width: 33%; width: 33%;
@ -944,7 +944,7 @@ p {
} }
#landingContainer > #lower > #center { #landingContainer > #lower > #center {
position: relative; position: relative;
transition: 2s ease; transition: top 2s ease;
top: 0px; top: 0px;
height: 100%; height: 100%;
width: 34%; width: 34%;
@ -952,13 +952,13 @@ p {
justify-content: center; justify-content: center;
} }
#landingContainer > #lower > #center #content { #landingContainer > #lower > #center #content {
transition: 2s ease;
position: relative; position: relative;
transition: top 2s ease;
top: 10px; top: 10px;
} }
#landingContainer > #lower > #right { #landingContainer > #lower > #right {
position: relative; position: relative;
transition: 2s ease; transition: top 2s ease;
top: 0px; top: 0px;
height: 100%; height: 100%;
width: 33%; width: 33%;

View File

@ -115,7 +115,13 @@ function slide_(up){
lCLCenter.style.top = '-200vh' lCLCenter.style.top = '-200vh'
lCLRight.style.top = '-200vh' lCLRight.style.top = '-200vh'
menuBtn.style.top = '130vh' menuBtn.style.top = '130vh'
setTimeout(() => {
lCLCenter.style.transition = 'none'
menuBtn.style.transition = 'none'
}, 2000)
} else { } else {
lCLCenter.style.transition = null
menuBtn.style.transition = null
lCUpper.style.top = '0px' lCUpper.style.top = '0px'
lCLLeft.style.top = '0px' lCLLeft.style.top = '0px'
lCLCenter.style.top = '0px' lCLCenter.style.top = '0px'