AnthonyDuan/taiko-web2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BrowserSupport: Translate

Browse Source
This commit is contained in:
LoveEevee
2019-01-26 21:29:13 +03:00
parent 4e0d220182
commit 8d50b9ceea
10 changed files with 201 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
public/src/css/songbg.css
View File

@@ -110,9 +110,13 @@
top: calc(50% + -1vw);
bottom: auto;
}
@keyframes donbg-scroll{
@keyframes donbg-scroll1{
from{background-position-x: 0}
to{background-position-x: calc(var(--h) / var(--sh1) * var(--sw) * -1)}
to{background-position-x: calc(var(--h) / var(--sh1) * var(--sw1) * -1)}
}
@keyframes donbg-scroll2{
from{background-position-x: 0}
to{background-position-x: calc(var(--h) / var(--sh1) * var(--sw2) * -1)}
}
@keyframes donbg-raise{
from{background-position-y: 0}
@@ -134,7 +138,7 @@
30%{background-position-y: 0}
}
.donlayer1{
animation: 5s linear donbg-scroll infinite;
animation: 5s linear donbg-scroll1 infinite;
background-size: auto 100%;
}
.donlayer2{
@@ -154,21 +158,27 @@
.donbg-4 .donlayer2,
.donbg-6 .donlayer2,
.donbg-raise .donlayer2{
animation: 5s linear donbg-scroll infinite, 1s linear donbg-raise infinite alternate;
animation: 5s linear donbg-scroll2 infinite, 1s linear donbg-raise infinite alternate;
}
.donbg-3 .donlayer2,
.donbg-anim3 .donlayer2{
animation: 3.4s linear donbg-scroll infinite, 1.8s linear donbg-anim3 infinite;
animation: 3.4s linear donbg-scroll2 infinite, 1.8s linear donbg-anim3 infinite;
}
.donbg-5 .donlayer2,
.donbg-anim5 .donlayer2{
animation: 2.7s linear donbg-scroll infinite, 2.2s linear donbg-anim5 infinite;
animation: 2.7s linear donbg-scroll2 infinite, 2.2s linear donbg-anim5 infinite;
}
.donbg-equalscroll .donlayer1{
animation: 5.3s linear donbg-scroll1 infinite;
}
.donbg-equalscroll .donlayer2{
animation: 5.3s linear donbg-scroll2 infinite;
}
.donbg-fastscroll .donlayer1{
animation: 2s linear donbg-scroll infinite;
animation: 2s linear donbg-scroll1 infinite;
}
.donbg-fastscroll .donlayer2{
animation: 1s linear donbg-scroll infinite;
animation: 1s linear donbg-scroll2 infinite;
}
#tetsuohana{