.zang {
    color: black;
    /*   left: 0;*/
    border: 1px solid #f3f3f3;
    border-radius: 6px;
    animation-name: zang1;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

@keyframes zang1 {
    10% {
        color: yellow;
        /*     left: -2px;*/
        border: 1px solid #ff0000;
       
    }

    60% {
        color: red;
    /*    left: 2px;*/
    }

    90% {
        color: black;
    /*    left: 2px;*/
    }
}
.zazz {
    color: black;
    animation-name: zaz;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    
}

@keyframes zaz {
 
    40% {
  color: red;
    }

}

.za {
    color: black ;
    animation-name: zan;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
@keyframes zan {
    10% {
        color: yellow ;
    }

    60% {
        color: red ;
    }

    90% {
        color: black ;
    }
}