使用css實現載入中動畫效果

css實現載入中動畫效果如下：

html

<div class="ui-loading-wrap">     <p>載入中</p>      <i class="ui-loading"></i></div>

css

.ui-loading-wrap {    display: -webkit-box;    -webkit-box-pack: center;    -webkit-box-align: center;    text-align: center;    height: 40px;.ui-loading {    width: 20px;    height: 20px;    display: block;    background: url(../img/loading_sprite.png);    -webkit-background-size: auto 20px;    -webkit-animation: am-rotate 1s steps(12) infinite;       @-webkit-keyframes am-rotate {    from {        background-position: 0 0    }     to {        background-position: -240px 0    }}

圖片地址：