header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 에디터: 갤러리에 마우스오버 효과 적용하기

2 분
마우스오버 효과를 적용해 사이트에 생기를 불어넣고 사이트 방문자가 갤러리와 상호 작용하도록 장려하세요. 

방문자가 이미지에 마우스오버 시 관심을 끌 수 있도록 다채로운 오버레이를 추가하고 탐색 화살표의 색상을 변경하고 이미지 모양을 조정할 수 있습니다.
참고:
현재 마우스오버 효과는 그리드 갤러리 및 슬라이더 갤러리의 특정 사전 설정 디자인에만 사용할 수 있습니다. 갤러리가 다른 유형이지만 마우스오버 효과를 추가하고 싶은 경우에는 한 번의 클릭으로 해당 디자인 중 하나로 변경할 수 있습니다.

갤러리에 마우스오버 효과를 적용하려면:

  1. 에디터에서 갤러리를 클릭합니다.
  2. 디자인 아이콘을 클릭합니다.
  3. 디자인 사용자 지정을 클릭합니다.
  4. 마우스오버를 클릭합니다.
  5. 다음 옵션을 사용자 지정합니다.
    • 마우스오버: 이미지 위에 덮어 씌울 색상을 선택하고 투명도를 조정합니다.
    • 탐색 화살표: 탐색 화살표의 색상을 선택하고 투명도를 조정합니다.
    • 모서리: 모서리 반경을 조정해 이미지의 모양을 변경합니다.
참고:
사용자 지정 옵션은 선택한 갤러리 디자인에 따라 다를 수 있습니다.
마우스오버 효과를 제거하고 싶으신가요?
갤러리에서 마우스오버 효과를 제거하려면 마우스오버오버 슬라이더를 0%로 드래그하고 모서리 반경을 0픽셀로 변경합니다.