css动画

代码如下：

 

 

 

  span{
                display: inline-block;
                width: 100px;
                height: 180px;
                background: rgba(72, 84, 101, 0.3);
                font-size: 120px;
                line-height: 150px;
                margin: 0 3px;
                overflow: hidden;
                -webkit-animation: content_zi_c 5s linear 5s 5 alternate;
                animation: content_zi_c 5s linear infinite;
            }
 
@keyframes content_zi_c {
    0%{
        line-height: 150px;
    }
    50%{
        line-height: 200px;
    }
    100%{
        line-height: 150px;
    }
}

 

 

字节跳动效果  content_zi_c 是唯一标识。