HTML當滑到時向上移入

首頁原本是緩慢地顯示現在改成向上滑入。

.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，也可以用%數。

Slide In as you scroll down Boxes

code