implémentation CSS du chargement animation a l'effet suivant :
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 } }
PhotoAdresse :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!