MOT-007
펼쳐지는 카드
- 겹쳐 있던 카드가 부채처럼 펼쳐졌다 모여요.
카드 [카드 개수]장이 한 자리에 겹쳐 있다가 부채처럼 펼쳐지고 다시 모이는 애니메이션을 만들어 주세요. 카드마다 [카드에 적을 짧은 낱말 목록]을 하나씩 적고, 펼칠 때 바깥 카드일수록 더 많이 기울어요. 움직임은 부드럽게 튕기듯 멈춰요.
HTML 파일 하나에 CSS와 JavaScript를 넣어 주세요. 외부 라이브러리와 이미지는 쓰지 말고, 화면 가운데 16:9 영역에 그려 주세요. prefers-reduced-motion이 켜져 있으면 움직임 없이 마지막 장면을 보여 주세요.빈칸
사용법
- 프롬프트를 복사해요.
- [대괄호] 자리를 내 내용으로 바꿔요. 아래 칸에 적으면 바로 바뀌어요.
- Claude 새 대화에 넣고, 나온 HTML 파일을 브라우저로 열어요.
과정
- 가이드 'Claude로 모션 그래픽 만들기'의 장면이에요.
- 미리보기는 이 프롬프트로 나오는 장면을 사이트에서 그린 거예요.
