CSS動畫 圖片或者文字上下來回循環上下移動

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;
  }