Mô tả
Wades Network Background creates a polished network of drifting dots and fading connecting lines using the browser canvas. It works automatically with common Elementor sliders and carousels, Slider Revolution and Master Slider.
You can apply the effect to any Elementor section or container by adding the CSS class wades-network-effect under Advanced CSS Classes.
Features
- Animated dots with distance-based connecting lines
- Gentle pointer interaction
- Automatic Elementor slider and carousel detection
- Slider Revolution and Master Slider support
- Custom Elementor CSS class support
- Adjustable colours, density, speed, line distance and opacity
- Intersection Observer pauses animation when off screen
- Resize Observer keeps the canvas responsive
- Respects reduced-motion preferences
- No external JavaScript libraries or tracking
- Does not obstruct links, buttons or slider navigation
The free edition is complete and has no trial period or usage limits. For more creative control on individual sections, view Wades Network Background Pro.
Free vs Pro
Free includes:
- Animated dots with distance-based connecting lines
- Global controls for colours, density, speed, line distance and opacity
- Gentle pointer interaction
- Automatic support for common Elementor sliders and carousels, Slider Revolution and Master Slider
- The
wades-network-effectCSS class for any theme or page builder - Responsive resizing, off-screen pausing and reduced-motion support
- No external JavaScript libraries, tracking or usage limits
Pro adds:
- Eight visual presets plus custom colours
- Per-section Elementor controls
- Repel, attract, orbit and wave pointer modes
- Particle burst and ripple click effects
- Circle, square, diamond and triangle particles
- Gradient connections and adjustable glow
- Mobile density controls
- Battery Saver, Balanced and Maximum Quality performance profiles
- Configuration import and export
Cài đặt
- Upload the plugin through Plugins Add New, or install it from WordPress.org.
- Activate Wades Network Background.
- Common slider widgets are detected automatically.
- For a specific Elementor container, add
wades-network-effectunder Advanced CSS Classes. - Adjust global controls under Settings Network Background.
Hỏi đáp
-
Does it require Elementor?
-
No. Elementor selectors are included for convenience, but the custom CSS class works with any WordPress theme or builder.
-
No. The canvas uses
pointer-events: noneand navigation controls are kept above the animation layer. -
Does it run when off screen?
-
No. Animation pauses when the target leaves the viewport.
-
Can I use it on only one section?
-
Yes. Add
wades-network-effectonly to the section or container where you want the effect. -
Is there a Pro edition?
-
Yes. The separately distributed Pro add-on adds presets, per-section configuration, advanced pointer modes, click effects and performance controls. The free plugin remains fully functional without Pro. See the Pro features and purchase a download from WadeBush.com.
Đánh giá
Không có đánh giá nào cho plugin này.
Người đóng góp & Lập trình viên
“Wades Network Background” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng góp
Dịch “Wades Network Background” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
1.0.1
- Updated the Pro link to WadeBush.com.
- Added a clear Free vs Pro feature comparison.
1.0.0
- Initial public release.