CSS制作动态闪光文字

DOCTYPE html>


    
    
    Document
    
        text {
            font-size: 50px;
            stroke: red;
            stroke-width: 2;
            stroke-dasharray: 0;
        }
        .text1 {
            stroke: yellow;
            animation: text1 10s infinite;
        }
        .text2 {
            stroke: blue;
            animation: text2 10s infinite;

        }
        .text3 {
            stroke: #CD7F32 ;
            animation: text3 10s infinite;

        }
        @keyframes text1 {
            0%,100% {
                stroke-dasharray: 20;
            }
            50% {
                stroke-dasharray: 250;
            }
        }
        @keyframes text2 {
            0%,100% {
                stroke-dasharray: 233;
            }
            50% {
                stroke-dasharray: 20;
            }
        }
        @keyframes text3 {
            0%,100% {
                stroke-dasharray: 188;
            }
            50% {
                stroke-dasharray: 10;
            }
        }
    


    
        
            我爱撸码
            我爱撸码
            我爱撸码
            我爱撸码