[代码技巧] 给网页用户名等文字设置抖音闪烁风格字体美化代码

.num-hd .blue{

    text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);

    animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);

}

@keyframes shake-it{

    0%{

        text-shadow: 0 0 rgba(0, 255, 255, .5), 0 0 rgba(255, 0, 0, .5);

    }

    25%{

        text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);

    }

    50%{

        text-shadow: -5px 0 rgba(0, 255, 255, .5), 3px 0 rgba(255, 0, 0, .5);

    }

    100%{

        text-shadow: 3px 0 rgba(0, 255, 255, .5), 5px 0 rgba(255, 0, 0, .5);

    }

}