內容簡介
Sparkle for Divi 讓您輕鬆為任何 Divi 模組添加驚人的粒子動畫，只需添加 CSS 類別即可。無需短代碼或自訂程式碼，簡單複製並粘貼類別即可使用。
【主要功能】
• 20 種內建預設動畫
• 4 種粒子形狀與運動類型
• 實時編輯器可即時調整預設
• 支援同時應用 3 種預設於一個模組
• 全球開關功能，無需移除類別
• 兼容無障礙設計，節省 CPU 與電池
外掛標籤
開發者團隊
原文外掛簡介
Sparkle for Divi lets you add stunning particle animations to any Divi section, row or module by simply adding a CSS class. No shortcodes, no custom code — just copy a class and paste.
20 built-in presets:
✨ Gold Elegance
🌟 Silver Shimmer
🌸 Rose Glow
🎉 Rainbow Celebration
🔥 Fire Sparks
❄️ Snow Drift
🌿 Mint Breeze
💙 Neon Blue
💜 Neon Purple
❤️ Red Passion
💎 Focal Point
⭕ Circle Orbit
✦ Horizontal – Gold
✦ Horizontal – White
✦ Horizontal – Rainbow
🌠 Night Sky
❙ Vertical – Left
❙ Vertical – Right
↘ Diagonal – Top Left
↙ Diagonal – Top Right
Features:
5 particle shapes: Star, Dot, Square, Confetti, Custom (upload your own PNG)
6 motion types: Sparkle, Float, Fall, Spin, Float+Spin, Fall+Spin
Line modes: Horizontal, Vertical, Diagonal, Focal Point, Circle Orbit
Live Editor — floating panel to fine-tune any preset in real time directly on your page
Live preview on every preset card — see changes in real time in the dashboard
Custom presets: duplicate any preset and give it your own name, class and description
Undo: up to 3 snapshots per preset — step back whenever you need to
Apply up to 3 presets on one element simultaneously
Global on/off switch without removing classes
Respects prefers-reduced-motion for accessibility
Activates only when the element enters the viewport (saves CPU and battery)
Global particle cap prevents performance issues on busy pages
Pure CSS keyframes — no canvas, no heavy libraries
Frontend footprint under 40 KB — Live Editor loads only inside the Divi Builder, never on visitor-facing pages
How to use:
Go to Sparkle for Divi in the WordPress admin menu
Pick a preset and customize it to your liking
Click 💾 Save changes — then 📋 Copy class
Open any Divi section, row or module → Advanced → Attributes → Class → paste the class
Save your page and visit it — sparkles appear automatically!
Optional: click ⚡ Live Preview to open the floating Live Editor and fine-tune your preset in real time directly on the page
