위젯 애니메이션 효과 적용하기

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

적용방법

위젯에 애니메이션 효과를 적용하는 방법을 두 가지가 있습니다.

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

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

  4. 닫기 ✕ 아이콘을 클릭해 공통 디자인 설정을 종료합니다.
  5. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  6. 애니메이션이 모두 정상적으로 작동하는지 확인합니다.
  7. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.

여백 위젯을 제외한 모든 위젯에 개별적으로 애니메이션 효과를 적용할 수 있습니다.

  1. 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 애니메이션을 클릭합니다.
  3. 아래 그림과 설명을 참고해 애니메이션 효과를 적용합니다.

    • 애니메이션: 애니메이션 설정 창 왼쪽에서 적용하려는 애니메이션 효과를 선택합니다.
      참고: 애니메이션 효과를 삭제하려면 없음을 선택하세요.
    • 방향: 선택한 애니메이션에 방향 옵션이 있는 경우 애니메이션 진행 방향을 지정합니다.
    • 지속시간: 애니메이션이 지속되는 시간을 초 단위로 입력합니다.
    • 지연시간: 애니메이션이 지연되는 시간을 초 단위로 입력합니다.
  4. 닫기 ✕ 아이콘을 클릭해 애니메이션 설정 창을 종료합니다.
  5. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  6. 마우스 휠을 스크롤하여 원하는 움직임으로 애니메이션이 작동하는지 확인합니다.
  7. 마음에 드는 경우 게시하기 버튼을 클릭해 적용합니다.
목록으로