
內容簡介
總結:Animate Elementor 是一個能夠為 Elementor 小工具和區塊添加輕量級、流暢且完全可定製的滾動動畫控制的外掛。利用熱門的 AOS(滾動動畫)庫,您可以觸發像淡入、滑動和縮放等動畫,當用戶滾動頁面時。
問題與答案:
1. 如何在 Elementor 中啟用滾動動畫效果?
- 打開 Elementor 編輯器中的任何頁面。
- 選擇要添加動畫效果的小工具或區塊。
- 進入動畫設置面板。
- 選擇一種動畫效果並配置選項,如延遲或持續時間。
- 存檔並預覽您的頁面以查看動畫效果。
2. Animate Elementor 外掛兼容哪些版本的 Elementor?
- Animate Elementor 外掛兼容 Elementor 的免費版本和專業版本。
3. 如何對這個外掛做貢獻?
- 歡迎您貢獻!複製儲存庫,創建一個功能分支,然後提交您的拉取請求。
4. 如果需要支援該外掛,應如何聯繫?
- 如果需要幫助,請聯繫我們,郵箱:[email protected],或在插件的支援論壇上開啟一個票。
外掛標籤
開發者團隊
② 後台搜尋「Animate Elementor – Elementor Scroll, 3D and Background Animations」→ 直接安裝(推薦)
原文外掛簡介
Animate Elementor is a lightweight and powerful animation plugin for Elementor that lets you add beautiful scroll-based animations to any Elementor widget or section — no coding required. built on the reliable AOS (Animate On Scroll) library, this plugin brings your pages to life with professional animation effects like fade, slide, zoom, flip, and more. Whether you’re using Elementor Free or Pro, you can easily control animations with intuitive settings right inside the Elementor editor.
🔹 No coding needed – just simple controls inside Elementor.
🔹 Fast and lightweight – optimized for performance.
🔹 Compatible with Elementor Free and Pro versions.
Background Animations
⭐ waves – flowing animated wave effect, perfect for headers and hero sections
⭐ fog – soft, ambient fog effect for immersive backgrounds
⭐ dots – minimalist dot pattern with smooth motion
⭐ net – interactive network of dots and lines, responds to mouse movement
⭐ cells – organic, pulsing cell-like blobs, great for science or abstract visuals
⭐ halo – radiant pulsating glow in a circular halo effect
⭐ globe – animated 3D globe made of particles and lines
⭐ rings – floating 3D rings rotating in space
⭐ birds – flocks of animated birds flying across your screen
⭐ dotWave – wave animation created from dots, subtle and modern
⭐ More background effects coming soon…
⭐ Need a custom animation effect? We’re happy to help — reach out at [email protected].
Scroll Animations
🌫️ fade
⬆️ fade-up ⬇️ fade-down ⬅️ fade-left ➡️ fade-right
🔼 fade-up-right 🔽 fade-up-left ◀️ fade-down-right ▶️ fade-down-left
🔄 flip-left 🔁 flip-right 🔃 flip-up 🔂 flip-down
📤 slide-up 📥 slide-down ↩️ slide-left ↪️ slide-right
🔍 zoom-in 🔎 zoom-in-up/down/left/right
📉 zoom-out 📈 zoom-out-up/down/left/right
Tilt Animations
📏 linear
⚙️ ease, ease-in, ease-out, ease-in-out
🎯 Tilt Default (Smooth)
🎨 Ease In Quad (Bezier)
🎯 Ease In Cubic (Bezier)
🔥 Ease Out Cubic (Bezier)
⚡ Ease In Out (Sharp)
🎮 Usage
Open any page in the Elementor editor.
Select the widget or section you want to animate.
Go to the Animation Settings panel.
Choose an animation effect and configure options like delay or duration.
Save and preview your page to see the animation in action!
License
This plugin is licensed under the GPL v2 or later.
Contributing
We welcome contributions! Fork the repository, create a feature branch, and submit your pull request.
Support
Need help? Contact us at [email protected] or open a ticket on the plugin’s support forum.
