Using “Snow Background Widget” you can add stunning snow background effects to your Elementor pages for free in a matter of seconds. The Snow Background widget is customizable with many options to create a amazing snow background that suits your Elementor page the best. It also comes with interactive click and hover effects that allows visitors to mouse interact with snow particles.
Let’s look at each of the options in the “Snow Background Widget” below.
Elementor Snow Background Tutorial Video
Add a Free Snow Background to Elementor
Design a Section Background in Elementor
Before adding the Unlimited Background it is important that we design our section with some background so we have what to mask later on in the next section. You can choose to add a background image, video, or slideshow according to your preference.
Add a Free Snow Background to Elementor Page Section
Elementor Snow Background Settings
Type
Select the type of snow background.
- Simple Balls
- Stellar Dendrites (Pro)
- Stellar plates (Pro)
- 12 Branch Stars (Pro)
- Simple Stars (Pro)
- Sector Plates (Pro)
- Hexagonal Plates (Pro)
- Rimed Crystals (Pro)
- Radiating Dendrites (Pro)
- Radiating Pates (Pro)
Size
Set the size of background elements.
Speed
Set the movement speed of background elements.
Number of Particles
Set the number of particles to be shown in background section.
Opacity (Pro)
Set the opacity of background particles.
Flow Direction
Select the particles flow direction from the given options.
- Bottom
- Bottom Right (Pro)
- Bottom Left (Pro)
Detect Mouse On
Select the mouse detection option.
- Canvas(Section)
- Window(Viewport)
On Hover
Select the option for on hover activity.
- None
- Grab (Pro)
- Bubble (Pro)
- Repulse (Pro)
- Grab + Bubble (Pro)
On Click
Select the option for on click activity.
- None
- Push (Pro)
- Remove (Pro)
- Bubble (Pro)
- Repulse (Pro)
Size on Bubble
Set the particle size on bubble effect.
Color
Set the particle color.
Set Background Location in Elementor Snow Background
In some cases, you may want to move the background widget in front of your content. Determine the placement of the background by changing the setting to your liking.
In Background
Appear behind your content.
In Foreground
Overlay on top of content.
Site Body Background
Covers the entire page background globally.
Site Body Foreground
Overlay all site content (header to footer).
Layout Background
Restricted to a specific section/widget.
Layout Foreground
Overlay a single section/widget.
Usage Examples of Elementor Snow Background
Here are some live use cases for the Snow Background widget.
Free Snow Background for Elementor with Custom Hover Effects.
Free Snow Background for Elementor with Snow Effect as Foreground.
Thank you for using the Snow Background Widget for Elementor! With its realistic snowfall effects and customizable settings, this is the best Snow Background Widget for Elementor, perfect for adding a festive and wintery touch to your website. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
