diff --git a/components/initialLoading/initialLoading.css b/components/initialLoading/initialLoading.css index c4547d4..aebc0f4 100644 --- a/components/initialLoading/initialLoading.css +++ b/components/initialLoading/initialLoading.css @@ -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; } -} +} \ No newline at end of file