Elementor 스크롤 효과 만나보기

ElementsKit Scroll Reveal 모듈로 모든 스크롤을 경험으로 바꿔보세요. Elementor 내에서 텍스트, 이미지, 전체 섹션을 멋진 애니메이션으로 드러내 방문자의 시선을 사로잡으세요.

정확한 경로 제어
모든 눈을 위한 안내서

사용자의 집중을 완벽하게 유도하세요. 애니메이션 방향 — 위, 아래, 왼쪽 또는 오른쪽 — 을 설정하여 각 요소가 정확히 어디에서 나타나고 다음에 어디에 주의를 집중할지 결정하세요.

랄프 에드워즈

공동 설립자

테레사 웹

제품 디자이너

랄프 에드워즈

엔지니어링 책임자

스크롤 효과

미세 조정 애니메이션 속도 & 시네마틱 스크롤을 위한 지연

복잡한 시각적 시퀀스를 쉽게 만드세요. 전환 지연을 늘려 열 전체에 계단식 "폭포" 효과를 만들고, 애니메이션 속도를 조정하여 움직임을 빠르거나 영화처럼 느껴지게 하세요.

사진술

에베레스트 산 마운틴 아트

지금 Wpmet에서 제공하는 혜택과 할인에 대해 흥분되시나요?

최신 시작 보관소

Elementor용 ElementsKit 올인원 애드온을 사용하면 모든 위젯 및 확장을 사용자 정의, 활성화 및 비활성화할 수 있습니다!

23

1월

기술

Lorem ipsum은 그래픽, 인쇄 모트 이미지에 사용되는 자리 표시자 텍스트 commo입니다.

22

1월

스포츠

Lorem ipsum은 그래픽, 인쇄 모트 이미지에 사용되는 자리 표시자 텍스트 commo입니다.

25

1월

인터넷

Lorem ipsum은 그래픽, 인쇄 모트 이미지에 사용되는 자리 표시자 텍스트 commo입니다.

ElementsKit에 오신 것을 환영합니다

연락을 취하다 더 빠르게 더 나은 편안 그 어느 때보다.

Pages는 멋진 문서를 만들 수 있는 강력한 워드 프로세서이며 대부분의 Apple 기기에 포함되어 있습니다. 그리고 실시간 협업을 통해 팀은

크리스틴 콜린스 WP 팀 리드, XpeedStudio

Pages는 멋진 문서를 만들 수 있는 강력한 워드 프로세서이며 대부분의 Apple 기기에 포함되어 있습니다. 또한 실시간 공동 작업을 통해 팀이 어디에서나 함께 작업할 수 있습니다.

마리사 영 WP 팀 리드, XpeedStudio
일하다

성공을 향한 여정

선택된

카운터 라인 획
색상 스타일 3

다양한 색상의 원 선 스타일로 카운트다운 타이머를 장식하세요.

이미지 호버 효과

슬라이드 효과 생성
ElementsKit 포함

호버 효과 살펴보기
ElementsKit에서

사용 가능한 Lorem Ipsum 구절에는 다양한 변형이 있습니다.

디자인 생성
호버 효과

사용 가능한 Lorem Ipsum 구절에는 다양한 변형이 있습니다.

부드러운 입장
호버 시

스테판 부

팀 리드, 뉴럴플럭스 AI

딜런 머랭

웹 디자이너, 뉴럴플럭스 AI

펠리칸 스티브

디지털 마케터, 뉴럴플럭스 AI

시선을 사로잡는 시네마틱 이미지 & 컬러 중심의 공개

대부분의 스크롤 애니메이션은 그냥 페이드인됩니다. ElementsKit은 여기서 더 나아가, 커스텀 오버레이 색상으로 이미지를 마스킹하거나 과감한 리빌 블록을 사용하여 콘텐츠에 임팩트를 더합니다.

  • 텍스트에 생동감을 불어넣으세요
  • 다채로운 마스킹으로 미디어 선보이기
  • 헤드라인을 돋보이게 만드세요

단 한 번만 애니메이션 트리거 또는 스크롤할 때마다 애니메이션 트리거

페이지가 작동하는 방식을 정확하게 결정하세요. 사용자가 위아래로 스크롤할 때마다 숨겨진 요소가 나타나는 애니메이션을 작동시키도록 설정을 토글하거나, 미묘한 첫인상을 위해 한 번만 재생하세요.

  • 텍스트에 생동감을 불어넣으세요
  • 다채로운 마스킹으로 미디어 선보이기
  • 헤드라인을 돋보이게 만드세요

간단하고 투명한 가격
엘리먼츠킷과 함께

무료 플랜

$ 0 영원히
  • 40개 이상의 무료 위젯
  • 머리글 및 바닥글 빌더
  • 기본 메가 메뉴
  • 교차 도메인 복사 붙여넣기

프로 플랜

$ 39 / 년도
  • 90개 이상의 프리미엄 위젯
  • 고급 메가 메뉴 빌더
  • 패럴랙스 및 모션 효과
  • 우커머스 빌더
  • 고급 탭 및 아코디언

에이전시 계획

$ 179 / 년도
  • 프로 플랜의 모든 것
  • 무제한 웹사이트
  • 팀 협업
  • 화이트 라벨 옵션
  • 평생 업데이트

WordPressians가 ElementsKit에 대해 말하는 것

글래스모피즘과 패럴랙스부터 이미지 모핑, 시네마틱 모션 효과까지, ElementsKit에는 사용자들이 좋아하는 시선을 사로잡는 애니메이션 기능이 가득합니다. 다음은 사용자들의 이야기입니다.

각 위젯이 가지고 있는 높은 디자인 품질을 좋아하고 각 위젯에 대해 10가지의 다른 예가 있습니다. 또한 그들은 웹 사이트에서 쉽게 가져올 수 있도록 그들이 선보인 모든 데모를 포함하지 않았습니다!

젝카노비치 @djekanovic

새로운 사이트를 시작하기 위해 사용하기 쉽고 블록을 제공하는 Elementor 애드온을 찾고 있었는데, 운 좋게 Elementkit을 찾았습니다. 사용하기 쉽고 품질이 매우 좋습니다. 감사합니다.

아리에코프라세티오 @ariekoprasethio

매우 유용한 고객 지원! 이 플러그인은 Elementor의 필수 애드온이 될 가능성이 많습니다. 그들이 현재 제공하고 있는 기능조차도 많은 가치를 제공합니다.

헤이키 비헤르살로 @heikkivihersalo

스크롤 리빌 FAQ

Elementor 스크롤 효과 FAQ:

ElementsKit 스크롤 리빌에 대해 더 궁금한 점이 있으신가요? 저희에게 문의하세요. 지원팀.

네! 무료 Elementor 페이지 빌더와 ElementsKit Pro만 있으면 모든 고급 스크롤 표시 기능을 잠금 해제할 수 있습니다.

워크플로우에 바로 통합됩니다. 원하는 요소를 클릭하고 Elementor 고급 탭으로 이동한 다음 ElementsKit 스크롤 공개 모듈을 토글하여 활성화하기만 하면 됩니다.

물론입니다. 사용자가 스크롤할 때마다 애니메이션이 트리거되도록 할지, 아니면 처음 보기 영역에 들어올 때만 트리거되도록 할지 결정하는 전용 토글이 있습니다.

"Transition Delay" 설정을 조정하여 순차적인 애니메이션을 쉽게 만들 수 있습니다. 폭포 효과를 만들기 위해 각 연속 열이나 위젯에 몇 밀리초의 지연 시간을 추가하기만 하면 됩니다.

네. 위, 아래, 왼쪽, 오른쪽 등 진입 경로를 정확하게 지정할 수 있으며, 애니메이션 속도를 밀리초 단위로 조절하여 즉각적이거나 영화 같은 느낌을 줄 수 있습니다.

네! 맞춤 이미지 오버레이를 활성화하고 슬라이딩 블록이 실제 콘텐츠를 표시하기 전에 미디어를 마스킹할 특정 기본 표시 색상을 선택할 수 있습니다.

전혀 그렇지 않습니다. 전환 지연 시간부터 방향 경로, 오버레이 색상까지 모든 기능은 Elementor 편집기 내의 간단한 토글과 슬라이더를 통해 완전히 제어됩니다.