ui/css/fade-visibility.css

/***********************************************/
/* 처음에는 안보이다가 점점 나타나는 애니메이션 */
/***********************************************/
.fade-in-visibility {
  /* 처음에는 보이지 않음 */
  opacity: 0;
  /* 애니메이션 설정 */
  animation: fadeInVisibility 1s ease-in forwards;
  /* 애니메이션을 부드럽게 만들기 위한 설정 */
  will-change: opacity;
}

@keyframes fadeInVisibility {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}