Minor modifications to menu animation.
This commit is contained in:
parent
22f5eabe49
commit
4b708f59fe
@ -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%;
|
||||||
|
@ -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'
|
||||||
|
Loading…
Reference in New Issue
Block a user