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

Titlescreen: Change logo

Browse Source
This commit is contained in:
LoveEevee
2019-01-28 04:57:18 +03:00
parent a7a26f0f92
commit 08fb3498f6
10 changed files with 209 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

10
public/src/css/titlescreen.css
View File

@@ -21,13 +21,9 @@
background-size: cover;
cursor: pointer;
}
.logo-big{
width: 90vmin;
height: calc(90vmin / 754 * 400);
background-size: contain;
background-repeat: no-repeat;
text-align: center;
color: transparent;
#logo{
width: 100vmin;
height: calc(100vmin / 1170 * 390);
}
.click-to-continue{
position: absolute;