How to Add a Christmas Snow Effect in Elementor

Want to bring a little Christmas magic to your website? Adding a gentle snow effect is an easy and fun way to make your site feel festive and cozy. You only need a small piece of CSS code, and it takes just a few minutes to set up in Elementor.

This little touch can make your website feel more personal and welcoming during the holidays — especially if you run an online shop or offer services. It helps your visitors feel that holiday cheer as soon as they arrive.

Here’s how to do it step by step

Step 1: Open the Additional CSS

In Dashboard, go to Menu → Appearance → Customize → Additional CSS

Step 2: Add the Snow Effect Code

Copy the CSS code you can see below. Paste it into the Additional CSS box. Click “Publish”

.snow-bg {
   position: relative;
}

.snow-bg:after {
   content: '';
   display: block;
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
   background-image: url('https://delfinathedesigner.com/wp-content/uploads/2025/10/snow-effect-2.png'), url('https://delfinathedesigner.com/wp-content/uploads/2025/10/snow-effect.png');
    animation: snow 15s linear infinite;
}

@keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

Tip: It’s best to download the snowflake images, upload them to your own website, and replace the links in the code with your own image URLs. This helps everything load faster and keeps your site running smoothly.

Snow effect (png file 1): DOWNLOAD HERE

Snow effect (png file 2): DOWNLOAD HERE

Step 3: Apply the Snow Effect

Choose the section, column, or widget where you want the snow to fall. Go to the Advanced tab and type snow-bg in the CSS class field.

BONUS TIP

If you want the snow to appear only in the background (behind all your content), set the Z-index of the element you want in front to 3 – just make sure it’s not left blank.

And that’s it — your website now has a soft, festive snowfall!

Take a moment to enjoy the cozy winter look you just created.

Welcome

I'm Delfina

I help new business owners create websites and brands that are not just beautiful, but also built to attract clients, save time, and grow with your business.