활용 사례
home
회사 브랜딩
home

페이지 애니메이션 효과(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
복사