svg描边动画

<div>
   <svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000'>
        <text class="text" fill='#0e2439' x='100' y='600' stroke-dasharray='1500' 
        stroke='#fff' stroke-width='2'>SVG</text>
    </svg>
</div>

body{
        height: 100vh;
        background: #0e2439;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .text{
        font-size: 150px;
        stroke-dashoffset: 1500;
        animation: move 4s ease infinite;
    }

    @keyframes move{
        0%{
            stroke-dashoffset: 1500;
        }
        100%{
            stroke-dashoffset: 0;
        }
    }