動(dòng)畫效果 從上到下

1.元素是動(dòng)態(tài)創(chuàng)建的 內(nèi)容也是不確定的 之前的做法是計(jì)算出元素本身的寬高 將其在中間顯示 但現(xiàn)在遇到的問(wèn)題是想要加一個(gè)從上到下的動(dòng)畫 ，但是中間有卡頓。

css是這樣寫的
@keyframes fall {  
  0% {  
    transform: translate(-50%, -75%);  
  }  
  100% {  
    transform: translate(-50%, -50%);  
  }  
}