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