페이지 애니메이션 효과(fade-in)

페이지가 열릴 때 페이드 인 시켜보세요!

HEAD

<head>
	<style>
		@keyframes fadeUp {
			from {
				transform: translateY(50px);
				opacity: 0;
			}
	
			to {
				transform: translateY(0);
				opacity: 1;
			}
		}
	
		.notion-frame > .notion-scroller {
			transform: translateY(50px);
			opacity: 0;
			animation: 400ms ease fadeUp;
			animation-fill-mode: forwards;
		}
	</style>
</head>
HTML
복사