Meet Elementor Scroll Reveal Effects

Turn every scroll into an experience with the ElementsKit Scroll Reveal Module. Reveal text, images, and entire sections with stunning animations that keep visitors hooked - right inside Elementor.

Control Exact Path
of Entry to Guide Every Eye

Guide your user’s focus flawlessly. Set animation direction – top, bottom, left, or right – to decide exactly where each element comes from and where attention lands next.

ラルフ・エドワーズ

共同 - 創設者

テレサ・ウェッブ

プロダクトデザイナー

ラルフ・エドワーズ

エンジニアリング部長

スクロール表示

Fine-Tune Animation Speeds & Delays For Cinematic Scroll

Build complex visual sequences with ease. Increase the transition delay to create a staggered "waterfall" effect across columns, and adjust the animation speed to make movements feel snappy or cinematic.

写真

エベレスト マウンテンアート

Wpmet が現在提供している特典や割引に興奮していますか?

最新のものから アーカイブ

Elementor 用の ElementsKit オールインワン アドオンを使用すると、すべてのウィジェットと拡張機能をカスタマイズ、有効化、無効化できます。

23

1月

テクノロジー

Lorem ipsum は、グラフィック、印刷モート画像で使用されるプレースホルダー テキストです。

22

1月

スポーツ

Lorem ipsum は、グラフィック、印刷モート画像で使用されるプレースホルダー テキストです。

25

1月

インターネット

Lorem ipsum は、グラフィック、印刷モート画像で使用されるプレースホルダー テキストです。

ElementsKit へようこそ

連絡を取る もっと早く より良い 快適 これまでよりも。

Pages は、素晴らしい文書を作成できる強力なワード プロセッサで、ほとんどの Apple デバイスに付属しています。リアルタイムのコラボレーションにより、チームは

クリステン・コリンズ WP チーム リード、XpeedStudio

Pages は、素晴らしい文書を作成できる強力なワード プロセッサで、ほとんどの Apple デバイスに付属しています。また、リアルタイムのコラボレーションにより、チームはどこからでも共同作業できます。

マリッサ・ヤング WP チーム リード、XpeedStudio
仕事

成功への旅

選択済み

Counter Line Stroke
Color Style 3

複数のカラフルな円線スタイルでカウントダウン タイマーを飾りましょう。

画像ホバー効果

スライド効果の生成
ElementsKit を使用した場合

ホバー効果を発見する
ElementsKit 内

Lorem Ipsum の一節にはさまざまなバリエーションが用意されています。

デザインを生成する
ホバーエフェクト時

Lorem Ipsum の一節にはさまざまなバリエーションが用意されています。

Smooth Entrance
with Hover

Stéphane Bout

Team Lead, NeuralFlux AI

ディラン・メレンゲ

Web Designer, NeuralFlux AI

ペリカンスティーブ

Digital Marketer, NeuralFlux AI

Apply Cinematic Image & Color-Driven Reveal That Turns Heads

Most scroll animations just fade in. ElementsKit goes further, mask images with a custom overlay color or use a bold reveal block to make your content arrive with impact.

  • Bring Your Text to Life Beautifully
  • Showcase Media With Colorful Masking
  • Make Your Headlines Stand Out

Trigger Animation Once or Every Single Scroll

Decide exactly how your page behaves. Toggle your settings to trigger the reveal animation every single time the user scrolls up and down, or play it just once for a subtle first impression.

  • Bring Your Text to Life Beautifully
  • Showcase Media With Colorful Masking
  • Make Your Headlines Stand Out

Simple, Transparent Pricing
with Elementskit

Free Plan

$ 0 / Forever
  • 40+ Free Widgets
  • ヘッダーとフッタービルダー
  • Basic Mega Menu
  • クロスドメインのコピー&ペースト

Pro Plan

$ 39 / 年
  • 90+ Premium Widgets
  • Advanced Mega Menu Builder
  • Parallax & Motion Effects
  • WooCommerce ビルダー
  • Advanced Tabs & Accordions

Agency Plan

$ 179 / 年
  • Everything in Pro Plan
  • Unlimited Websites
  • Team Collaboration
  • White Label Option
  • Lifetime Updates

WordPress 開発者が ElementsKit について語ること

From Glass Morphism and Parallax to Image Morphing and cinematic motion Effects, ElementsKit is packed with eye-catching animation features that users love. Here's what they’re saying:

各ウィジェットのデザインの質の高さが気に入っており、各ウィジェットには 10 種類ほどの異なるサンプルがあります。また、Web サイトに簡単にインポートできるように、紹介したすべてのデモをわざわざ含めることはしませんでした。

djekanovic @ジェカノビッチ

新しいサイトを始めるにあたって、使いやすいElementorアドオンでブロックを提供してくれるものを探していました。幸運にもElementorKitを見つけました。使いやすく、とても品質が高いです。ありがとう。

ariekoprasethio @ariekoprasethio

非常に役立つカスタマーサポート!このプラグインは、Elementor の必須アドオンになる可能性が大いにあります。彼らが現在提供している機能でさえ、非常に多くの価値をもたらします。

heikkivihersalo @heikkivihersalo

Scroll Reveal FAQ’s

Elementor Scroll Reveal FAQs:

Have more questions on ElementsKit Scroll Reveal?
Reach our サポートチーム.

Yes! You only need the free Elementor page builder and ElementsKit Pro to unlock all the advanced scroll reveal features.

It is built right into your workflow. Just click on any element, navigate to the Elementor Advanced tab, and toggle the ElementsKit Scroll Reveal module to enable it.

Absolutely. You have a dedicated toggle to decide whether the animation triggers every single time a user scrolls past it, or just the very first time it enters their view.

You can easily create sequential animations by adjusting the "Transition Delay" setting. Just add a few extra milliseconds of delay to each consecutive column or widget to build the waterfall effect.

Yes. You can define the exact entry path (from the top, bottom, left, or right) and adjust the animation speed in milliseconds to move feel snappy or cinematic.

Yes! You can enable custom image overlays and choose specific primary reveal colors to mask your media before the sliding block reveals your actual content.

Not at all. Every feature from the transition delays to the directional paths and overlay colors is controlled entirely through simple toggles and sliders inside the Elementor editor.