Wix 에디터: 애니메이션 추가 및 사용자 지정하기

4 분

페이지 메뉴

애니메이션을 사용해 생동감 넘치는 사이트를 만들어보세요. Wix는 입장, 스크롤, 반복, 마우스 효과 등 디자인의 모든 측면에 대한 다양한 애니메이션을 제공합니다.

애니메이션을 사용자 지정해 구상한 대로 정확하게 구현할 수 있습니다. 예를 들어, 거리, 소요 시간, 지연 시간 등을 조정할 수 있습니다. Wix의 모바일 애니메이션은 작은 화면에 맞게 설계되어 모든 기기에서 방문자의 시선을 사로잡을 수 있습니다.

동일한 요소에 다양한 애니메이션과 효과를 적용할 수 있습니다.

애니메이션에 오류가 발생했다면:

라이브 사이트에서 예상대로 작동하는지 확인하려면, 여기의 단계를 따르세요.

요소에 애니메이션을 추가해 사이트를 역동적이고 매력적으로 만들어 보세요. 각 애니메이션은 서로 다른 효과를 가지고 있어 다양한 요소와 결합해 방문자에게 오래도록 기억될 수 있습니다.

도움말:

그룹을 선택하고 애니메이션

아이콘을 클릭해 요소 그룹에 애니메이션을 추가할 수 있습니다.

에디터에서 해당 요소를 클릭합니다.
애니메이션 아이콘을 클릭합니다.
제공된 옵션에서 애니메이션을 선택합니다.
- 입장: 애니메이션은 선택한 요소가 화면에 표시될 때 한 번 재생됩니다.
- 반복 재생: 애니메이션이 반복 재생됩니다.
- 스크롤: 요소가 뷰 화면으로 스크롤될 시 애니메이션이 재생됩니다.
- 동작 및 효과: 방문자가 요소에 커서를 마우스오버하면 애니메이션이 움직이기 시작합니다.

참고:

머리글 요소는 페이지 첫 방문 시 한 번만 애니메이션 효과가 적용됩니다.

요소에 애니메이션을 추가한 뒤 원하는 대로 작동하고 사이트의 분위기에 어울리도록 사용자 지정할 수 있습니다.

강도, 방향 및 속도 등의 설정을 조정해 임팩트를 주고 방문자를 끌어들일 수 있습니다.

참고:

사용 가능한 사용자 지정 옵션은 선택한 애니메이션에 따라 달라집니다.

접근성 도움말:

요소가 순수하게 장식용으로 구성되어 스크린 리더에 중요한 정보를 포함하지 않는다면, 설정

패널에서 장식용 옆 체크 상자를 선택하세요.

데스크톱 사이트 요소뿐만 아니라 모바일 사이트에도 애니메이션을 추가할 수 있어 방문자가 모든 기기에서 뛰어난 브라우징 경험을 할 수 있습니다.

모바일을 위한 애니메이션은 작은 화면 해상도 및 크기를 위해 특별히 설계되어 여백에 대해 걱정할 필요가 없습니다.

참고:

데스크톱에 추가한 애니메이션 효과는 다양한 화면 크기에 최적화되어 있으므로 모바일 사이트에 적용되지 않습니다. 모바일에서도 요소에 애니메이션 효과를 적용하려면 아래 단계를 따르세요.

Velo에 대한 중요 참고 사항:

Velo(코드)를 사용해 요소를 숨기거나 표시하는 경우 애니메이션 또한 Velo를 통해 설정되어야 합니다.

안녕하세요 님,

추가 도움이 필요하신가요?

도움말 요약

Wix 에디터: 모바일 사이트에 애니메이션 및 스크롤 효과 사용하기

Wix 에디터: 에디터 및 라이브 사이트 애니메이션 문제 해결하기

Unlock personalized helpLog in to get the most out of Helpmate.