속도 기반 깊이 제어
진정한 시차는 3D 공간의 감각을 만드는 것입니다. Rellax 를 사용하면 그냥 켜지 않고 – 정확한 속도로 다이얼을 돌립니다. 양의 속도 (2 와 같은) 는 요소가 페이지보다 빠르게 스크롤되어 앞으로 가져옵니다. 음의 속도 (-2 와 같은) 는 스크롤 속도가 느려져 배경으로 밀어 넣습니다. 이 정밀한 컨트롤을 통해 사실적인 전경,중경 및 배경 레이어를 구축할 수 있습니다.
- 전경 효과: 양의 속도 값을 사용하여 장식 아이콘이나 작은 그래픽이 사용자를 빠르게 지나가게 합니다.
- 배경 레이어: 부정적인 속도를 사용하여 배경 이미지나 패턴이 천천히 표류하여 깊고 먼 느낌을 줍니다.
- 소수 정밀도: 미세 조정되고 미묘한 모션에 0.5 또는 -1.5 와 같은 값을 사용합니다.
Z-Index 로 레이어링
여러 요소가 서로 다른 속도로 움직일 때 실수로 중요한 콘텐츠를 텍스트처럼 겹칠 수 있습니다. Z-index 컨트롤은 이 문제를 해결합니다. 배경 시차 요소에 대해 더 낮은 Z-index 를 설정하여 읽을 수 있는 콘텐츠 뒤에 유지하도록 하고,전경 효과에 대해 더 높은 Z-index 를 설정하여 위에 디자인이 깨끗하고 기능적으로 유지되도록 합니다.
- 레이어 구성: Z-index 값을 할당하여 시차 요소 (예: 배경: -1, 내용: 1, 전경: 2) 를 논리적으로 스택합니다.
- 시각적 혼란 방지: 움직이는 요소가 미끄러져 넘어가지 않도록 하고 클릭 유도 문구나 헤드라인을 가리지 않도록 하세요.
- 전체 합성 제어: 복잡한 다층 장면을 자신감 있게 구축합니다.
Rellax에 대해 자주 묻는 질문
모바일 기기에서 작동하나요?
네,하지만 메모와 함께요. 모바일에서의 시차 효과는 부드러운 스크롤에 의존하기 때문에 가끔 삐걱거리거나 성능 문제를 일으킬 수 있습니다. Rellax 는 최적화되어 있지만 최상의 모바일 환경을 위해서는 더 미묘한 속도 값 (0,5 또는 -0,5 와 같은) 을 사용하고 실제 장치에서 테스트합니다. 때로는 더 부드러운 사용자 경험을 위해 모바일에서 복잡한 시차를 완전히 비활성화하는 것이 현명합니다.
전체 섹션의 배경 이미지에 이를 사용할 수 있나요?
절대! 이것은 가장 인기있는 용도 중 하나입니다. Rellax 설정을 섹션 또는 컨테이너의 배경 이미지에 적용하십시오. 느리고 부정적인 속도 (-1 과 같은) 를 주면 위의 내용이 정상적으로 스크롤 될 때 배경이 부드럽게 표류하여 고전적이고 효과적인 깊이 효과를 만듭니다.
Elementor 의 내장 “Motion Effects”와 어떻게 다른가요?
Elementor 의 기본 모션 효과는 뷰포트를 기준으로 한 요소의 움직임을 제어하는 경우가 많습니다 (“스틱” 또는 “페이드 인” 등). Rellax 는 특히 속도 기반 시차를 위해,요소의 스크롤 속도가 페이지의 스크롤 속도와 다른 진정한 심도 환상을 만들기 위한 보다 전문적이고 강력한 도구입니다.
너무 많은 시차 효과를 사용하면 사이트 속도가 느려질 수 있나요?
예,과하게하면됩니다. 각 이동 요소는 스크롤 중에 브라우저가 더 많은 작업을 수행해야합니다. 키는 적당히입니다. 최대 효과를 위해 페이지 당 1-3 개의 핵심 요소에 시차를 적용하지 마십시오. 작고 복잡한 많은 항목에 적용하지 마십시오. 잘 배치 된 몇 개의 시차 레이어가 전문적으로 보입니다; 너무 많은 사람들이 혼란스럽고 성능 저하를 느낄 수 있습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
