首頁原本是緩慢地顯示現在改成向上滑入。
.article {
transform: translateY(150px);
}
.come-in {
transform: translateY(150px);
animation: come-in 1.5s ease forwards;
}
.already-visible {
transform: translateY(0);
animation: none;
}
@keyframes come-in {
to { transform: translateY(0); }
}
animation 是要使用的流程，有from跟to，也可以用%數。