console 命令行工具 X clear

console

<html>
    <head>
    </head>
    <body>
        <div class="iamges-dev">
        </div>
    </body>
</html>

.iamges-dev {
    width: 20px;
    height: 100px;
    background: url('http://dummyimage.com/200x100/894FC4/FFF.png&text=123456789');
    animation:run 2s steps(1, start) infinite;
    /* -webkit-animation:run 1s steps(1, start) infinite; */
}

@keyframes run {
    0% {
        background-position: 0 0;
    }
    /* 1.0% {
        background-position: -1px 0;
    } */
    /* 8.333% {
        background-position: -140px 0;
    }
    16.666% {
        background-position: -280px 0;
    }
    25.0% {
        background-position: -420px 0;
    }
    33.333% {
        background-position: -560px 0;
    }
    41.666% {
        background-position: -700px 0;
    } */
    11.0% {
        background-position: -18px 0;
    }
    21.0% {
        background-position: -36px 0;
    }
    31.0% {
        background-position: -54px 0;
    }
    41.0% {
        background-position: -72px 0;
    }
    51.0% {
        background-position: -90px 0;
    }
    61.0% {
        background-position: -60px 0;
    }
    71.0% {
        background-position: -70px 0;
    }
    81.0% {
        background-position: -80px 0;
    }
    91.0% {
        background-position: -90px 0;
    } 
    /* 58.333% {
        background-position: -980px 0;
    }
    66.666% {
        background-position: -1120px 0;
    }
    75.0% {
        background-position: -1260px 0;
    }
    83.333% {
        background-position: -1400px 0;
    }
    91.666% {
        background-position: -1540px 0;
    } */
    100% {
        background-position: 0 0;
    }
}

@-webkit-keyframes run {
    0% {
        background-position: 0 0;
    }
    10.0% {
        background-position: -10px 0;
    }
    20.0% {
        background-position: -20px 0;
    }
    30.0% {
        background-position: -30px 0;
    }
    40.0% {
        background-position: -40px 0;
    }
    50.0% {
        background-position: -50px 0;
    }
    60.0% {
        background-position: -120px 0;
    }
    70.0% {
        background-position: -140px 0;
    }
    80.0% {
        background-position: -160px 0;
    }
    90.0% {
        background-position: -180px 0;
    }
    100% {
        background-position: 0 0;
    }
}