japanese-drum-game/public/src/css/titlescreen.css

40 lines
652 B
CSS
Raw Normal View History

2018-09-18 06:37:59 +08:00
@keyframes toggleFade{
40%{
opacity: 1;
}
70%{
opacity: 0.2;
}
2015-07-17 16:22:46 +08:00
}
#title-screen{
2018-09-18 06:37:59 +08:00
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background: #1389f0 url("/assets/img/title-screen.png") no-repeat center;
background-size: cover;
cursor: pointer;
}
.logo-big{
width: 90vmin;
height: auto;
2015-07-17 16:22:46 +08:00
}
2018-09-18 06:37:59 +08:00
.click-to-continue{
2015-07-17 16:22:46 +08:00
position:absolute;
2018-09-18 06:37:59 +08:00
bottom: 10%;
color: #fff;
font-size: 8vmin;
text-align: center;
z-index: 1;
animation: toggleFade 2s infinite ease-in-out;
2015-07-17 16:22:46 +08:00
}
2018-09-18 06:37:59 +08:00
.click-to-continue::before{
-webkit-text-stroke: 0.25em #f00;
filter: blur(0.3vmin);
left: auto;
2015-07-17 16:22:46 +08:00
}