• 가이드

애니메이션 적용하기

디자인 모드 애니메이션

위젯 별로 페이드인, 날아오기, 회전하기, 뒤집기 등 애니메이션 효과를 추가할 수 있습니다. 적절히 활용하면 심미성을 높일 뿐더러 방문자의 집중도를 높이는 데도 도움이 됩니다.

적용방법

상단을 제외한 모든 위젯에 페이드인 애니메이션 효과를 한꺼번에 적용할 수 있습니다. 혹은 위젯 별로 각기 다른 애니메이션 효과를 적용할 수도 있습니다.

방법1. 한 번에 애니메이션 효과 적용하기

한 번에 애니메이션 효과를 적용하는 경우 페이드인 애니메이션 효과만 적용 가능합니다.

  1. 디자인 모드 오른쪽 상단아이콘을 클릭합니다.
  2. 화면 오른쪽에서 공통 디자인 설정 툴바가 나타나면 하단으로 마우스 휠을 스크롤 합니다.
  3. 옵션 항목에서 위젯에 애니메이션 적용을 체크합니다.

방법2. 위젯 별로 애니메이션 효과 적용하기

여백 위젯을 제외한 모든 위젯마다 개별 애니메이션 적용이 가능합니다.

  1. 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 보조 메뉴가 나타나면 애니메이션을 클릭합니다.
  3. 설정 창 왼쪽에 애니메이션 효과를 선택합니다.
  4. 방향 옵션이 있는 경우 방향을 지정합니다.
  5. 지속시간지연시간을 입력합니다.
  6. 닫기 아이콘을 클릭해 설정 화면을 끕니다.
  7. 오른쪽 상단 미리보기를 클릭합니다.
  8. 마우스 휠을 스크롤하여 원하는 움직임으로 애니메이션이 작동하는지 확인합니다.
  9. 마음에 드는 경우 게시하기를 클릭해 적용합니다.
목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.