Wix 시차 효과

• 할 수있다 18, 2024

Wix 웹 사이트에서 볼 수있는 멋진 애니메이션 중 하나는 시차 스크롤 효과입니다. 실제 애니메이션은 아니지만 웹 페이지에 움직임, 깊이 및 치수의 환상을 더합니다.

이 효과는 몇 년 동안 인기를 얻었으며 강력한 애니메이션을 추가하지 않고 웹 사이트에 약간의 관심을 추가하는 좋은 방법입니다. 시차 스크롤은 브라우저에서 페이지의 다른 요소보다 느린 속도로 배경 이미지를 스크롤하도록 지시 할 때 생성됩니다. 예상 한 것처럼 스크롤 효과는 긴 한 페이지 웹 사이트에 유용합니다.

이 기술은 JavaScript, CSS 및 div 요소로 작성됩니다. 명심해야 할 것은 대부분의 모바일 장치에는 고정 배경 CSS에 문제가 있다는 것입니다. 따라서 Wix는 모바일 장치에 대한 효과를 끕니다.

그러나 Wix 웹 사이트를 만들 때 코딩이 필요하지 않습니다. 배경 이미지 또는 스트립 이미지에 대한 시차 옵션을 선택하는 것만 큼 쉽습니다. 스트립 비디오에 추가 할 수도 있습니다.

시차 스크롤을 적용하지 않으면 뷰어가 페이지를 스크롤 할 때 웹 페이지의 배경 이미지가 페이지의 다른 요소와 함께 움직입니다.

그러나 시차 스크롤 효과를 배경 이미지에 적용하면 뷰어가 페이지를 스크롤 할 때 배경 이미지가 느리게 스크롤됩니다. 치수는 페이지의 다른 요소가 배경 이미지보다 빠르게 스크롤 될 때 발생합니다.

배경 이미지 스크롤 효과 옵션의 세 번째 옵션 인 고정 옵션은 나머지 페이지 요소가 위 또는 아래로 스크롤 될 때 배경 이미지를 제자리에 고정시키는 것입니다.

배경 이미지에 시차 추가

1. 왼쪽 메뉴에서 배경 아이콘을 클릭하십시오.
   
   
2. 평소와 같이 배경 이미지를 추가하십시오.
   
   
3. 설정 버튼을 클릭하여 이미지 설정을 엽니 다.
   
   
4. 스크롤 효과에 대한 세 가지 옵션 중 하나를 선택하십시오.
   
   
   • 없음-배경이 페이지의 다른 요소와 같은 속도로 이동합니다.
     
     
   • 시차-배경이 페이지의 다른 요소보다 느리게 이동합니다.
     
     
   • 고정-배경은 그대로 유지되지만 다른 요소는 스크롤됩니다.
     
     

스트립 이미지 또는 비디오에 시차 추가

1. 스트립을 선택하고 팝업 메뉴에서 스트립 배경 변경을 선택하십시오.
   
   
2. 평소와 같이 배경 이미지 또는 비디오를 추가하십시오.
   
   
3. 설정 버튼을 클릭하여 이미지 설정을 엽니 다.
   
   
4. 다음으로, 스크롤 효과에서 시차를 선택하십시오.