[css] 아래에서 위로 올라오는 애니메이션(?)

.contaienr {
 @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(30%);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  animation: fadeIn 0.5s ease-in-out;
}