애니메이션
Corner Peel
스티커의 한 모서리가 3D로 들려 벗겨지며 그 뒤로 conic-gradient 접착지 뒷면과 드리운 그림자가 드러나는 필오프 호버 효과.
- 분류
- 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/CornerPeel-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| corner | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-left" | 들려 올라갈 스티커 모서리 위치 |
| peelAngle | number | 46 | 모서리가 최대로 젖혀지는 각도(도). 클수록 크게 들린다 (0~85 클램프) |
| peelSize | number | 0.42 | 벗겨지는 삼각형 조각의 크기 비율(0~1). 스티커 대비 접히는 면적 |
| faceFrom | string | "#C084FC" | 스티커 앞면 그라디언트 시작색(바이올렛) |
| backColor | string | "#5EEAD4" | 들린 조각 뒤로 드러나는 접착지 뒷면 반사색(틸) |
| ease | number | 0.14 | peel 진행도 rAF 보간 속도(0~1). 클수록 빨리 벗겨진다 |