컴포넌트

Coverflow

커버플로우식 3D 원근 카드 캐러셀. 중앙 카드는 정면, 좌우로 갈수록 Y축 회전·후퇴하며 불투명도가 감소한다. 포인터 드래그(캡처)와 좌우 버튼·도트로 이동하며 양끝은 clamp 된다.

분류
컴포넌트
난이도
hard
변형
TS-TW

설치

npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/Coverflow-TS-TW

Props

이름타입기본값설명
countnumber5카드 개수 (2~9로 제한). 기본값 5.
classNamestringundefined루트 요소에 추가할 CSS 클래스.