morgan/Grinch-AP
1
0
Fork 0
mirror of https://github.com/MarioSpore/Grinch-AP.git synced 2025-10-21 20:21:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix an animation bug on mobile devices on the landing page

Browse Source
This commit is contained in:
Chris Wilson
2020-12-04 23:00:06 -05:00
parent a9a44036a9
commit 64b5b28d47
4 changed files with 5 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
WebHostLib/static/styles/landing.css
View File

@@ -271,52 +271,8 @@ html{
}
@media all and (max-width: 1520px){
#landing-clouds #cloud1{
animation-name: c1-glide-out;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
left: -400px;
}
#landing-clouds #cloud2{
animation-name: c2-glide-out;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
right: -300px;
}
#landing-clouds #cloud3{
animation-name: c3-glide-out;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
right: -200px;
}
@keyframes c1-glide-out{
from{ left: 10px; }
to{
left: -400px;
display: none;
}
}
@keyframes c2-glide-out{
from{ right: 82px; }
to{
right: -300px;
display: none;
}
}
@keyframes c3-glide-out{
from{ right: 24px; }
to{
right: -200px;
display: none;
}
#landing-clouds #cloud1, #landing-clouds #cloud2, #landing-clouds #cloud3{
display: none;
}
#landing-links{