initial loading image updated

This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-02-10 13:58:55 +05:00
parent f688a01afd
commit 071685b52c

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 {
position: fixed;
top: 0;
@@ -41,18 +30,16 @@
.initial-loading-content svg {
width: 100%;
height: 100%;
animation:
initialFloat 2s ease-in-out infinite,
initialScale 1.5s ease-in-out infinite;
animation: 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 {
fill: url(#neon-gradient);
filter: url(#neon-glow);
stroke: #ffffff;
stroke-width: 0.1;
animation: pathPulse 1.5s ease-in-out infinite;
stroke-width: 0.3;
filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.3));
animation: pathPulse 2s ease-in-out infinite;
}
/* Loading dots animation */
@@ -71,7 +58,7 @@
height: 12px;
background: linear-gradient(135deg, #e0e0e0 0%, #ffffff 50%, #c0c0c0 100%);
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;
}
@@ -89,29 +76,36 @@
/* Animations */
@keyframes initialFloat {
0%,
100% {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
transform: translateY(-15px);
}
}
@keyframes initialScale {
0%,
100% {
0%, 100% {
transform: scale(1);
}
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 {
0%,
80%,
100% {
0%, 80%, 100% {
transform: scale(0);
opacity: 0.5;
}
@@ -139,9 +133,9 @@ body:has(.initial-loading:not(.fade-out)) {
width: 150px;
height: 150px;
}
.loading-dots span {
width: 10px;
height: 10px;
}
}
}