Linus-Enjoyer/Freedom-Loader
1
0
Fork 0
mirror of https://github.com/MasterAcnolo/Freedom-Loader.git synced 2026-07-29 18:25:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Info Loading Bar

Browse Source
This commit is contained in:
MasterAcnolo
2025-11-17 16:54:11 +01:00
parent 0437cb61a2
commit 3f508da501
4 changed files with 49 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
public/styles/components/loader.css Normal file
View File

@@ -0,0 +1,34 @@
.loader-box {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
background: var(--form-bg-color);
border: 2px solid var(--mp3-text-color);
border-radius: 8px;
color: var(--mp3-text-color);
font-weight: bold;
animation: pulse 1.2s infinite;
}
.loader-box div {
width: 10px;
height: 10px;
background: var(--form-button-bg-color);
border-radius: 3px;
animation: bounce 1.2s infinite;
}
.loader-box div:nth-child(1) { animation-delay: 0s; }
.loader-box div:nth-child(2) { animation-delay: 0.2s; }
.loader-box div:nth-child(3) { animation-delay: 0.4s; }
@keyframes bounce {
0%, 80%, 100% { transform: scale(0); }
40% { transform: scale(1); }
}
@keyframes pulse {
0%, 100% { box-shadow: 0 0 5px var(--form-button-bg-color); }
50% { box-shadow: 0 0 20px var(--form-button-bg-color); }
}