디자인 모드 애니메이션

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

적용방법

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

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

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

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

   

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

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

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