@keyframes f-up {
    0% {
        will-change: transform;/*優化動畫卡頓1*/
        /*position:relative;優化動畫卡頓2*/
        /*z-index: 1;優化動畫卡頓2*/
        opacity: 0; /*初始狀態 透明度為0*/
        transform:translateY(100px);/*初始狀態 文件流下100px*/
    }
    100% {
        opacity: 1; /*結尾狀態 透明度為1*/
     transform:translateY(0px);/*初始狀態 恢復正常位置*/
    }
}
.f-up{
    animation-name: f-up; /*動畫名稱*/
    animation-duration: 0.8s; /*動畫持續時間*/
    animation-iteration-count: 1; /*動畫次數*/
    animation-delay: 0s; /*延遲時間*/
}