mirror of
https://github.com/zkldi/Tachi.git
synced 2026-09-29 10:28:04 +03:00
61 lines
1.0 KiB
CSS
61 lines
1.0 KiB
CSS
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#splash-screen {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
background-color: #131313;
|
|
}
|
|
|
|
#splash-screen img {
|
|
margin-left: calc(100vw - 100%);
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
#splash-screen.hidden {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.splash-spinner {
|
|
animation: rotate 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
|
|
margin-left: calc(100vw - 100%);
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
|
|
.splash-spinner .path {
|
|
stroke: #e61c6e;
|
|
stroke-linecap: round;
|
|
animation: dash 1.5s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes dash {
|
|
0% {
|
|
stroke-dasharray: 1, 150;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
50% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -35;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -124;
|
|
}
|
|
}
|