배경 이미지 패럴랙스 #

웹 디자인의 주요 트렌드는 패럴랙스 스크롤링으로, 페이지를 아래로 스크롤할 때 배경 이미지가 전경 콘텐츠로 더 느린 속도로 이동합니다. 이 패럴랙스 효과는 Elementor 사이트에 적용할 수 있습니다.

이 가이드에서는 ElementsKit을 사용하여 배경 이미지에 시차 효과를 추가하는 방법을 보여드리겠습니다.

비디오 가이드를 시청하세요:

또는 아래의 단계별 지침을 따르세요.

단계=>1: 확인하세요 시차 모듈은 에 ~에서 계기반 → ElementsKit → 모듈

단계=>2: 이동 강요=> 검색 영상=> 드래그 앤 드롭 이미지 섹션.

단계=>3: 을 추가하다 배경 이미지 ~에서 섹션 편집 → 콘텐츠 탭

단계=>4: 이동 고급 탭 -> 클릭하세요 ElementsKit 효과->효과 유형 선택 CSS3, 틸트, 스크롤 시, 마우스 이동 시 옵션 당신의 선택에 따라

CSS3 #

• 1단계: 이동 고급 탭=>ElementsKit 효과=> 효과 유형=> 선택 CSS3=> 켜다 CSS 애니메이션 비녀장

• 선택하다 애니메이션 효과 ~에서 쓰러지 다

• 수정하다 생기 속도
• 생기 반복 횟수=> 무한 또는 설정 안 함

• 선택하다 애니메이션 방향

• 2단계: ElementsKit 효과=> 효과 유형=> 선택 CSS3=> 켜다 CSS 변환 비녀장

• 번역하다
• 회전
• 규모
• 비스듬한
• 원하면 재설정하세요

경사 #

단계=>1: 이동 고급 탭=>ElementsKit 효과=> 효과 유형=> 선택 경사

스크롤 켜기 #

단계=>1: 이동 고급 탭=>ElementsKit 효과=> 효과 유형=> 스크롤에서 선택

마우스 이동 시 #

단계=>1: 이동 고급 탭=>ElementsKit 효과=> 효과 유형=> 마우스 이동 시 선택

이것이 Elementor 페이지나 웹사이트에 패럴랙스 효과를 적용할 수 있는 방법입니다. Elementor 페이지에 패럴랙스를 적용하는 간단하고 매력적인 방법을 알아보세요.