Interaction Gallery
MuseDEV에서 사용하는 고성능 인터랙션 컴포넌트 모음입니다.
각 컴포넌트는 재사용 가능하며 독립적으로 동작합니다.
1. Scroll-Triggered Movement
Slide From Left
Interaction Type A
스크롤이 이 영역에 도달하면 왼쪽에서 부드럽게 나타납니다.
Slide From Right
Interaction Type B
스크롤이 이 영역에 도달하면 오른쪽에서 부드럽게 나타납니다.
2. Advanced Hover Effects
Neon Border
마우스를 올리면 그라데이션 테두리가 흐르듯이 나타나며 카드가 살짝 확대됩니다.
Scale & Glow
부드러운 스케일 업 애니메이션과 함께 배경색이 은은하게 변화합니다.
Reactive UI
사용자의 행동에 즉각적으로 반응하여 생동감 있는 경험을 제공합니다.
3. 3D Physics Tilt
마우스 위치에 따라 카드가 3D 공간에서 회전합니다.
카드 내부의 요소들도 `translateZ`를 사용하여 깊이감(Depth)을 가집니다.
Project Alpha
Interactive 3D
실제 물리 법칙을 모방한 스프링 애니메이션을 사용하여
움직임이 기계적이지 않고 매우 자연스럽습니다.
Project Beta
WebGL Experience