Wix 에디터: 마우스오버 인터랙션 추가 및 설정하기

5 분 분량
상자, 반복 레이아웃 등의 요소에 마우스오버 인터랙션을 추가해 생동감 있는 효과를 줄 수 있습니다. 이러한 효과는 방문자가 요소에 커서를 마우스오버할 때 볼 수 있습니다.
마우스오버 시 요소를 나타나게 하거나 사라지게 만들고, 효과를 추가 색상이 바뀌도록 설정하세요. 더욱 드라마틱한 효과를 위해 효과의 실행 시점도 설정할 수 있습니다.
Wix 사이트에서 사용 중인 마우스오버 효과의 GIF. 마우스오버 시 나비가 날개를 펄럭이는 모습이 표시됩니다.

1단계 | 요소 디자인 및 추가하기

마우스오버 인터랙션은 사이트에 재미와 역동적인 느낌을 더합니다. 시작하려면 요소 추가 패널에서 상자 또는 반복 레이아웃을 추가하세요.
아래 옵션을 클릭해 각 요소의 추가에 대한 자세한 도움말을 확인하세요. 

2단계 | 마우스오버 모드 액세스하기

요소의 디자인 및 추가를 완료한 후, 마우스오버 모드에 액세스해 인터랙션을 추가합니다. 여기에서 방문자가 상자 및 반복 레이아웃에 마우스오버를 했을 때 무엇을 표시할지 설정할 수 있습니다.

마우스오버 모드에 액세스하려면:

  1. 에디터에서 상자 또는 반복 레이아웃을 선택합니다.
  2. 선택한 요소에 따라 마우스오버 액세스 지침을 따르세요.
    • 상자: 마우스오버 인터랙션 아이콘을 클릭합니다.
    • 반복 레이아웃: 반복 레이아웃의 컨테이너를 클릭한 후 마우스오버 인터랙션 아이콘을 선택합니다.
  3. 시작하기를 클릭합니다.
도움말:
마우스오버 모드에 처음 액세스하면 요소 상단의 탭을 사용해 기본과 마우스오버 모드를 전환할 수 있습니다.
기본 및 마우스오버 탭이 강조 표시되어 있는 Wix 에디터의 상자 스크린샷

3단계 | 요소에 마우스오버 인터랙션 추가하기


마우스오버 모드에서 요소를 나타나게 하거나 사라지게 하는 등 멋진 효과를 추가할 수 있습니다. 이 효과들은 방문자가 상자 또는 반복 레이아웃 위에 커서를 마우스오버할 때 동시에 재생됩니다. 

수행할 작업을 선택합니다.

도움이 되었나요?

|