使用CSS動畫中的steps()調(diào)速函數(shù)代替貝塞爾曲線的調(diào)速函數(shù)，可以實現(xiàn)動畫在關(guān)鍵幀之間硬切換的效果。
將一張loading的gif圖的幾個關(guān)鍵幀切出來組合成一張圖片，將圖片當(dāng)做背景進(jìn)行背景移動的動畫，可以達(dá)到gif圖的效果。

.tip{
    background: url("loader.png") no-repeat;
    animation: 1s blink infinite steps(8); // 整個動畫將只展現(xiàn)8個關(guān)鍵幀
}
@keyframes blink {
    to {
        background-position: -800px 0;
    }
}