文字颜色滚动效果

.card .card-body:hover{
    background-image: linear-gradient(to right,black,black,white,black,black,white);    
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-background-size: 200% 100%;
            animation: bgp 0.6s infinite linear;
            animation-iteration-count:1;
            -webkit-animation-iteration-count:1; /* Safari 和 Chrome */
}
 @-webkit-keyframes bgp{
            0%{
                background-position: 0 0;
            }
            100%{
                background-position: -100% 0;
            }
        }