35 lines
871 B
CSS
35 lines
871 B
CSS
.logo-path {
|
|
stroke-dasharray: 2000;
|
|
stroke-dashoffset: 2000;
|
|
animation: drawLogo 3s ease-in-out forwards;
|
|
fill: none !important;
|
|
stroke: url(#neon-gradient);
|
|
stroke-width: 2px;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
filter: url(#neon-glow);
|
|
}
|
|
|
|
/* Ketma-ket chizish */
|
|
.logo-path:nth-child(1) { animation-delay: 0s; }
|
|
.logo-path:nth-child(2) { animation-delay: 0.3s; }
|
|
.logo-path:nth-child(3) { animation-delay: 0.6s; }
|
|
.logo-path:nth-child(4) { animation-delay: 0.9s; }
|
|
.logo-path:nth-child(5) { animation-delay: 1.2s; }
|
|
.logo-path:nth-child(6) { animation-delay: 1.5s; }
|
|
.logo-path:nth-child(7) { animation-delay: 1.8s; }
|
|
|
|
@keyframes drawLogo {
|
|
0% {
|
|
stroke-dashoffset: 2000;
|
|
opacity: 0;
|
|
}
|
|
20% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
stroke-dashoffset: 0;
|
|
opacity: 1;
|
|
fill: url(#neon-gradient); /* Oxirida to'ldiriladi */
|
|
}
|
|
} |