Studio 에디터: 요소당 사용 가능한 애니메이션
1 분
아래 표는 각 요소에서 사용 가능한 애니메이션 및 효과에 대한 자세한 개요를 제공합니다. 역동적이고 인터랙티브 디자인을 쉽게 제작하세요.
요소 | 사용 가능한 애니메이션 |
|---|---|
아코디언 | 입장 |
앵커 메뉴 | 마우스오버 |
오디오 플레이어 | 입장 |
기본 모양 | 모든 애니메이션 유형 |
버튼 | 모든 애니메이션 유형 |
접이식 텍스트 | 입장, 마우스오버, 마우스 효과 |
컨테이너 | 모든 애니메이션 유형 |
바닥글 | 마우스오버, 클릭, 스크롤 |
플렉스박스 (상위 및 아이템) | 루프를 제외한 모든 애니메이션 유형 |
그리드 셀 | 마우스 효과를 제외한 모든 애니메이션 유형 |
햄버거 메뉴 아이콘 | 입장 |
머리글 | 마우스오버, 클릭, 스크롤 |
가로 메뉴 | 입장, 마우스오버 |
이미지 | 모든 애니메이션 유형 |
입력란 | 입장 |
라이트박스 | 입장 |
선 (가로 및 세로) | 모든 애니메이션 유형 |
Lottie | 입장 |
다중 상태 상자 | 입장, 클릭, 마우스오버, 마우스 효과 |
페이지 | 스크롤 |
반복 레이아웃 (상위) | 입장, 루프, 마우스 효과, 스크롤 |
반복 레이아웃 (아이템) | AB 디자인 비활성: 모든 애니메이션 유형 AB 디자인 활성: 클릭, 마우스오버, 마우스 효과 |
섹션 | 마우스오버, 클릭, 스크롤 도움말: 미디어 배경이 있는 섹션에 WebGL 효과를 추가할 수도 있습니다. |
공유 버튼 | 입장, 마우스오버, 마우스 효과 |
사이트 검색창 | 입장 |
슬라이드쇼 | 입장 |
SNS 모음 | 입장, 마우스오버, 마우스 효과 |
스택 | 모든 애니메이션 유형 |
표 | 입장 |
탭 | 입장 |
텍스트 | 모든 애니메이션 유형 |
선택 윤곽 텍스트 | 마우스오버 (트리거 요소로) |
텍스트 마스크 | 모든 애니메이션 유형 |
투명배경 동영상 | 입장, 마우스 효과, 스크롤 |
벡터아트 | 모든 애니메이션 유형 |
동영상 상자 | 입장, 마우스 효과, 스크롤 |