본문으로 건너뛰기
ASSETby WEMASHUP에셋 관리
전체 에셋
모션·인터랙션/모션 모음
자료 모음

Cadence

모션 데모와 구현 코드·프롬프트를 탐색하는 자료실.

원본 사이트 열기 (새 탭)

이럴 때 사용하세요

제안 단계에서 모션의 방향을 찾거나, 원하는 연출의 구현 방식을 비교할 때 사용합니다. 화면 요소와 기술 조건으로 예제를 좁혀 보세요.

적용 순서

  1. 목록에서 필요한 화면 요소나 모션 유형을 찾습니다.
  2. 예제 페이지를 열어 움직임과 코드·프롬프트를 확인합니다.
  3. 개별 예제의 의존 기술과 사용 조건을 확인한 뒤 프로젝트 환경에서 검증합니다.

자료 설명

Scroll, Text, Hover 등 다양한 웹 모션을 살펴보는 자료 모음입니다. 원본 예제에 있는 코드·프롬프트 복사 기능을 활용해 구현 방향을 검토할 수 있습니다.

적용 전 확인할 점

자료실에 표시된 기술이 모든 예제에 사용되는 것은 아닙니다. 코드 복사 기능과 재배포 허용은 별개이므로 사용할 코드와 이미지의 권리를 확인하세요.

관련 링크

데모 보기 (새 탭)

이 모음에서 골라둔 자료

직접 복사하기

복사가 허용되지 않았습니다. 아래 내용을 선택해 복사하세요.