做一個加載的動畫，遇到animation無效
html代碼

<div class="load"><span id="dataload" class="iconfont iconload">&#xe618;</span></div>

樣式

/* 加載 */
@keyframes myload {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}
.news-list > .load {
  text-align: center;
}
.news-list > .load .iconload {
  line-height: 1;
  font-size: 0.375rem;
  animation: myload 0.5s linear infinite;
  display: inline-block;/*不轉化成行內(nèi)塊，animation無效*/
  color: #999;
}

這里，必須把span轉成行內(nèi)塊，不然animation無效，查了一下相關的資料，其實這里主要是 transform對行內(nèi)元素無效，可以使用變換（transform）的元素必須是塊級元素或者原子內(nèi)聯(lián)級元素，單純的內(nèi)聯(lián)元素是不能應用變換的。