실제 구현한 인터랙티브 섹션과 프론트엔드 작업물을 확인하세요.
별이 화면 중심에서 바깥으로 가속하며 흘러나가는 hyperspace 효과. 3D 좌표를 원근 투영해 canvas 2D로 그린 풀스크린 앰비언트 배경입니다.
canvas 위 점들이 떠다니다 일정 거리 안으로 가까워지면 선으로 연결돼 별자리처럼 보이는 풀배경. 마우스 근처 점들도 함께 반응한다.
feTurbulence 노이즈를 컬러 표면 위 mix-blend로 얹는 필름 그레인 기법.
색 블롭을 겹쳐 천천히 떠다니게 한 오로라 배경. radial-gradient와 @keyframes만으로 JS 없이 부드럽게 흐릅니다.
blur 블롭을 겹쳐 흐르게 하는 부드러운 mesh를 CSS만으로
CSS 애니메이션으로 부드럽게 움직이는 그라데이션 배경을 만듭니다. 모던하고 시각적으로 강렬한 UI 효과에 필수적입니다.
