CSS動畫 圖片或者文字上下來回迴圈上下移動

@keyframes dong { 
       0% {             
           transform: translate(0px, 0px);            
        }            
        50% {                
           transform: translate(0px, -10px);            
        }            
        100% {                
           transform: translate(0px, 0px);
        }
}
 

@keyframes後面的名字來呼叫
infinite為無線迴圈

  .top{
    animation: dong 1s infinite;
  }