css 動(dòng)畫 forwards
CSS 的 animation-fill-mode 屬性中的 forwards 值表示動(dòng)畫結(jié)束后蟀俊，元素將保持最后一幀的狀態(tài)。換句話說订雾，當(dāng)動(dòng)畫完成時(shí)肢预，元素將保持動(dòng)畫結(jié)束的關(guān)鍵幀的樣式，而不是返回到初始狀態(tài)洼哎。
例如烫映，如果你有一個(gè)動(dòng)畫，該動(dòng)畫在 2 秒內(nèi)將元素的寬度從 0 改變到 100px噩峦，并且你希望在動(dòng)畫結(jié)束后元素保持 100px 的寬度锭沟，你可以這樣設(shè)置 CSS：
.my-animation {
animation: growWidth 2s forwards;
}
@keyframes growWidth {
from {
width: 0;
}
to {
width: 100px;
}
}
