Davron/ignum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial loading image updated

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-02-10 13:58:55 +05:00
parent f688a01afd
commit 071685b52c
1 changed files with 24 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
components/initialLoading/initialLoading.css
View File

@@ -1,14 +1,3 @@
@keyframes pathPulse {
0%,
100% {
opacity: 1;
filter: url(#neon-glow) drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}
50% {
opacity: 0.8;
filter: url(#neon-glow) drop-shadow(0 0 15px rgba(255, 255, 255, 0.8));
}
}
.initial-loading { .initial-loading {
position: fixed; position: fixed;
top: 0; top: 0;
@@ -41,18 +30,16 @@
.initial-loading-content svg { .initial-loading-content svg {
width: 100%; width: 100%;
height: 100%; height: 100%;
animation: animation: initialFloat 2s ease-in-out infinite, initialScale 1.5s ease-in-out infinite;
initialFloat 2s ease-in-out infinite,
initialScale 1.5s ease-in-out infinite;
} }
/* SVG path'larga stil */ /* SVG path'larga stil - tiniq va aniq */
.logo-path { .logo-path {
fill: url(#neon-gradient); fill: url(#neon-gradient);
filter: url(#neon-glow);
stroke: #ffffff; stroke: #ffffff;
stroke-width: 0.1; stroke-width: 0.3;
animation: pathPulse 1.5s ease-in-out infinite; filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.3));
animation: pathPulse 2s ease-in-out infinite;
} }
/* Loading dots animation */ /* Loading dots animation */
@@ -71,7 +58,7 @@
height: 12px; height: 12px;
background: linear-gradient(135deg, #e0e0e0 0%, #ffffff 50%, #c0c0c0 100%); background: linear-gradient(135deg, #e0e0e0 0%, #ffffff 50%, #c0c0c0 100%);
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
animation: dotBounce 1.4s ease-in-out infinite; animation: dotBounce 1.4s ease-in-out infinite;
} }
@@ -89,29 +76,36 @@
/* Animations */ /* Animations */
@keyframes initialFloat { @keyframes initialFloat {
0%, 0%, 100% {
100% {
transform: translateY(0); transform: translateY(0);
} }
50% { 50% {
transform: translateY(-20px); transform: translateY(-15px);
} }
} }
@keyframes initialScale { @keyframes initialScale {
0%, 0%, 100% {
100% {
transform: scale(1); transform: scale(1);
} }
50% { 50% {
transform: scale(1.05); transform: scale(1.03);
}
}
@keyframes pathPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.3));
}
50% {
opacity: 0.95;
filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
} }
} }
@keyframes dotBounce { @keyframes dotBounce {
0%, 0%, 80%, 100% {
80%,
100% {
transform: scale(0); transform: scale(0);
opacity: 0.5; opacity: 0.5;
} }
@@ -139,9 +133,9 @@ body:has(.initial-loading:not(.fade-out)) {
width: 150px; width: 150px;
height: 150px; height: 150px;
} }
.loading-dots span { .loading-dots span {
width: 10px; width: 10px;
height: 10px; height: 10px;
} }
} }