在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ css3 animation

css3 animation

我想讓小人原地動(dòng) ,但是他往前走,而且?guī)Y(jié)束后會(huì)閃一下從頭開始,這太難看了,
大佬怎么解決,下面是代碼

<div class="loading">
        <div class="load">

        </div>
      </div>
.loading{
    width: 100px;
    height: 100px;
    background: rgb(0,0,0,0.5);
    position: fixed;
    top: 35%;
    left: 35%;
}
.load{
    position: absolute;
    background-image: url(/static/img/geijiasheng.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 618px 80px;
    height: 80px;
    width: 64px;
    -webkit-animation: sprite 1s steps(10) infinite reverse;
    left: 19%;
    top: 10%;
}
@-webkit-keyframes sprite {
    0% {
        background-position:0;
    }
    100% {
        background-position: -768px 0;
    }
}
回答
編輯回答
萌小萌

這個(gè)已經(jīng)解決了 是寬的問題,但是還有一個(gè)沒有解決就是幀運(yùn)行到100%運(yùn)行下一幀的時(shí)候會(huì)閃一下這個(gè)怎么解決啊

2017年7月28日 20:39