JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fonts.googleapis.com/css?family=Roboto:700"></script>
Подождите<span id="waiting_dots">...</span>

CSS

body {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
}

@-webkit-keyframes dots {
    0% { background-position: 0px; }
    100% { background-position: 50px; }
}

span#waiting_dots {
    background: linear-gradient(to right, white 50%, black 50%);
    color: transparent;
    -webkit-background-clip: text;
    -webkit-animation: dots 1s infinite steps(4);
    padding-right: 40px;
    margin-right: -40px;
}