How to add snowfall effect to your blog, website, store

How to add snowfall effect to your blog, website, store?

All you need is one image and one line in your CSS. No JS involved. Believe me it is better not to use extra JS on things like that because any added JS snippet can hurt your website main functions, especially if this is your webshop we are talking about.

Your Steps:

1. Upload snowfall image somewhere to the web and copy this image location

Here is the image I’ve used:

snow-transparent-titel

2. Imagine you want to put this snowfall image on your webpage background.

In this case look in your CSS file for body selector and add to it the following line:

body
        {
        background:url(yourimagepath) 0 0;
        }

Save your CSS file and enjoy your snow fall.

This is how it looks like on my Cafepress web store in the end of the year:

http://www.cafepress.com/technotextnl

Save

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s