애니메이션

Light Rays Card

커서를 따라 3D로 틸트되는 카드가 커서 방향으로 볼류메트릭 god-ray를 방출합니다. conic-gradient 광선을 커서 각도로 회전시키고 radial mask로 잘라낸 뒤 mix-blend screen으로 합성합니다.

분류
애니메이션
난이도
hard
변형
TS-TW

설치

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

Props

이름타입기본값설명
labelstringLIGHT RAYS카드에 표시할 라벨 텍스트
classNamestringundefined외부 컨테이너에 적용할 CSS 클래스