fadein (1) 썸네일형 리스트형 Fade In 페이지 스크롤 효과 코드 Step 1: 프로젝트 구조 pages|-- index.jscomponents|-- FadeInSection.jsstyles|-- globals.css Step 2: CSS 애니메이션 정의 (styles/globals.css) .fade-in-section { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out;}.fade-in-section.is-visible { opacity: 1; transform: none;} Step 3: Intersection Observer를 사용하는 FadeInSection 컴포넌트 작성 (components/FadeInSection.js.. 이전 1 다음
