initial loading image updated
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user