SerpentRace/SerpentRace_Frontend/src/assets/SerpentRace_Animation/Path.module.css

.animation {
    animation: fill 0.5s ease forwards 2.9s;
}

.path0 {
    stroke-dasharray: 603.0596923828125;
    stroke-dashoffset: 603.0596923828125;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.45s;
}

.path1 {
    stroke-dasharray: 503.0904846191406;
    stroke-dashoffset: 503.0904846191406;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.5s;
}

.path2 {
    stroke-dasharray: 625.779541015625;
    stroke-dashoffset: 625.779541015625;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.45s;
}

.path3 {
    stroke-dasharray: 714.129638671875;
    stroke-dashoffset: 714.129638671875;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.4s;
}

.path4 {
    stroke-dasharray: 427.98114013671875;
    stroke-dashoffset: 427.98114013671875;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.35s;
}

.path5 {
    stroke-dasharray: 593.7645263671875;
    stroke-dashoffset: 593.7645263671875;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.3s;
}

.path6 {
    stroke-dasharray: 603.0399780273438;
    stroke-dashoffset: 603.0399780273438;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.25s;
}

.path7 {
    stroke-dasharray: 731.757568359375;
    stroke-dashoffset: 731.757568359375;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.2s;
}

.path8 {
    stroke-dasharray: 382.3065185546875;
    stroke-dashoffset: 382.3065185546875;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.2s;
}

.path9 {
    stroke-dasharray: 603.0382690429688;
    stroke-dashoffset: 603.0382690429688;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.15s;
}

.path10 {
    stroke-dasharray: 652.2447509765625;
    stroke-dashoffset: 652.2447509765625;
    animation: draw 3s ease-in-out forwards;
    animation-delay: 0.1s;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fill {
    from {
        fill: transparent;
    }
    to {
        fill: #ffffff;
    }
}